iOS Safari（iPhone）中iframe内容的大小

Question

我遇到一些问题，我（遗憾地）需要使用iframe。 （它与挑剔的客户和域名有关 - 它不在我手中......）

这是一个包含iframe的页面： http://madslund.dk/test/iframepage.html

以下是包含实际内容的页面： http://madslund.dk/test/content.html

iframe页面基本上只显示来自其他页面的内容。到目前为止没问题。

问题在于： 其中的内容具有设置宽度（700px），但调整大小以适合屏幕（最大宽度：css中的100％）。这在浏览器中查看两个页面时都可以正常工作，但在iPhone上，只有在您直接查看内容页面时才能正常工作。

Javascript：alert（window.outerWidth）在iframepage.html中输出320（如预期的那样），但在content.html中输出735。因此，似乎iphone只是调整iframe的大小以适应内部的内容。

Answer 1

接下来，在iOS 7中，Mobile Safari默认启用了iframe的无缝属性，无法将其关闭。 （或者至少在Mobile Safari上形成我自己的测试，这样接缝。）到目前为止，我还没有找到一种方法来使IFrame响应并保留框架的滚动，但是如果你愿意牺牲垂直滚动你可以使用这段代码：

HTML：

<iframe scr="content.html" scrolling="no"></iframe>

CSS：

iframe {
    min-width: 100%; 
    width: 100px;
    *width: 100%; 
}

此解决方案以跨浏览器的方式工作，但请记住，如果您将滚动转到＆＃34;是＆＃34;然后它就不再了，所以你需要知道你内容的高度。