html - 如何摆脱 CSS scale 创建的额外边距

标签 html css iframe

我有一个显示外部网站的 iframe,但该网站非常大,我想缩小它以适应 iframe。目前,我正在使用 css scale 属性,但是这会在图片周围产生很大的边距。关于如何改变它的任何想法?

代码:

<iframe src="../libraries/javascript/slideshow/index.php?show=build_season_2014" height="1100" width="2100" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>

最佳答案

看起来您可能需要将以下内容添加到 iframe 的样式中:

-webkit-transform-origin: left top;
-moz-transform-origin: left top;

关于html - 如何摆脱 CSS scale 创建的额外边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22367049/

相关文章:

javascript - 不弹出输入框

jquery - 响应式灯箱画廊不在屏幕中央

javascript - 如何访问 Adob​​e AIR 应用程序中的 iframe?

css - 如何将 CSS 应用于外部 iframe?

javascript - jquery tablesorter 如何仅将类添加到第二个 td?

html - 仅 IE6 和 IE7 中的表单问题

javascript - 如何从网站获取JS链接

javascript - 在javascript中在图像上绘制矩形

html - 创建特定形状的菜单悬停背景颜色

javascript - 使用 jQuery 在 iframe 中重新加载页面