经过几个小时的努力使它在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: