我只需要缩放框架内容。在我的网页中我使用了zoom: 0.75; height: 520px; width: 800px;
。如果我增加缩放值,则意味着帧尺寸将会增加。
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<STYLE>
#frame { width: 800px; height: 520px; border: 1px solid black; }
#frame { zoom: 0.75; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; }
</STYLE>
</HEAD>
<BODY>
<IFRAME id="frame" src="http://www.google.com"></IFRAME>
</BODY>
</HTML>
在上面的示例 HTML 页面中,我想要缩放 IFRAME 的内容而不更改 IFRAME 的大小。
我在我的 facebook 中使用了一个脚本,它可以在 IE 和 Firefox 中运行
<style type="text/css">
#iframe {
zoom: 0.15;
-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>
<iframe src="https://www.wikipedia.org/" height="700" width="550">Wikipedia Encyclopedia</iframe>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)