iframe放大显示_我怎样才能缩放IFRAME的内容？

最新推荐文章于 2025-01-22 13:53:33 发布

绿皮工业

最新推荐文章于 2025-01-22 13:53:33 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

文章标签： iframe放大显示

本文分享了如何让CSS在IE8到IE11及FF26、Chrome32等现代浏览器下保持压缩和缩放效果，特别针对IE8的特殊处理方法，以及使用浏览器嗅探法应用条件CSS的实践建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

经过几个小时的努力使它在IE8、9和10中工作，下面是对我有效的方法。

自2014年7月1日起，FF 26、Chrome 32、Opera 18和IE9-11中的压缩CSS工作：.wrap{

width: 320px;

height: 192px;

padding: 0;

overflow: hidden;}.frame{

width: 1280px;

height: 786px;

border: 0;

-ms-transform: scale(0.25);

-moz-transform: scale(0.25);

-o-transform: scale(0.25);

-webkit-transform: scale(0.25);

transform: scale(0.25);

-ms-transform-origin: 0 0;

-moz-transform-origin: 0 0;

-o-transform-origin: 0 0;

-webkit-transform-origin: 0 0;

transform-origin: 0 0;}

对于IE8，设置与iframe匹配的宽度/高度，并将-ms-缩放到.row容器div：.wrap{

width: 1280px; /* same size as frame */

height: 768px;

-ms-zoom: 0.25; /* for IE 8 ONLY */}

只需使用您最喜欢的浏览器嗅探方法来有条件地包含适当的css，请参见有没有办法在*.css文件中执行浏览器特定的条件CSS？为了一些想法。

IE7是一个失败的原因，因为-ms-缩放不存在直到IE8。

下面是我测试的实际HTML：