Google Chrome 和 Safari 不继承 CSS 缩放属性

发布于 2025-01-01 00:45:16 字数 447 浏览 0 评论 0原文

我正在尝试使用这样的缩放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%：

有人知道修复方法吗？

原文

I'm trying to use the zoom css style like this:

<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>

With IE9 and Firefox, the zooming factor is properly transmitted to the page within the iFrame.

But NOT when I use Safari of Chrome!!!
Of course I cannot re-zoom the content, otherwise I will have onlty 80% of 80% when using IE9 or Fox:

Does somebody knows a fix?

分享到QQ

分享到微博