2

I have successfully implemented the CSS to scale across browsers as previously shown (with add-ons and edits) in this thread:

How can I scale the content of an iframe?

But now I find that it does not work in Safari on an iPad. Can anyone shed some light here? The working code I have is at http://gfx.com/example

Here is the current CSS...

#framewrap { width: 238px; height: 303px; padding: 0; overflow: hidden; }
#myframe { width: 990px; height: 1260px; overflow: hidden; z-index:10; }
#myframe {
    -ms-zoom: 0.24;
    -moz-transform: scale(0.24);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.24);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.24);
    -webkit-transform-origin: 0 0;
}

The goal is to have the loaded webpage (iframe source) scale to the iframe.

4

1 回答 1

0

避免在 Mobile Safari 上使用 iframe,因为存在一个 apple/web-kit 尚未修复的渲染错误。

于 2012-10-14T18:19:22.443 回答