CSS缩放属性未通过Google Chrome和Safari继承

时间:2012-01-30 21:56:48

标签: google-chrome inheritance safari zoom

我正在尝试使用这样的缩放css样式:

<div id="Embed1" style="zoom: 80%; height: 620px; width: 1180px;" >
    <iframe style="overflow:hidden; max-height:650px;" 
        height="618px" width="1178px" src="http://www.google.com">
    </iframe></div>

使用IE9和Firefox,缩放因子正确传输到iFrame中的页面

但是当我使用Chrome的Safari时! 当然我无法重新缩放内容,否则在使用IE9或Fox时我将占80%的80%:

有人知道修复吗?

1 个答案:

答案 0 :(得分:0)

并非所有浏览器都支持此功能。请参阅此处的讨论:http://www.css3.com/css-zoom/