如何在我的网站页面中缩放 iframe 的内容(在我的示例中,它是 HTML 页面,而不是弹出窗口)?
例如,我想以原始大小的 80% 显示 iframe 中出现的内容。
基普的解决方案 https://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-iframe/2224816#2224816如果您将 CSS 更改为:
<style>
#wrap { width: 600px; height: 390px; padding: 0; overflow: hidden; }
#frame { width: 800px; height: 520px; border: 1px solid black; }
#frame {
-ms-zoom: 0.75;
-moz-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}
</style>
您可能还想在#frame上指定overflow:hidden以防止滚动条。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)