如何使iframe在iOS Safari浏览器中正常工作

Question

我在iOS Safari浏览器中在iframe内显示Bootstrap响应页面时遇到问题。它在Android Chrome中运行良好。 在其中一个iframes中，页面失去响应性，甚至不会滚动（水平和垂直）。 在另一个iframe中，不同的页面会丢失其页脚，并且垂直滚动会显示iframe后面的内容。

The page which loses responsiveness

Scrolling issue

用下面的代码

<iframe src="add.php" frameborder="0" overflow-x: hidden; overflow-y:hidden; style="height:100%;width:100%;"></iframe> 

分别尝试了以下

<iframe src="add.php" frameborder="0" style="height:100%;width:100%;"></iframe> 

iframe{ 
    overflow:scroll; 
    -webkit-overflow-scrolling:touch; 
} 

除了：

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

使用jQuery 1.11.3，自举3.3.5，respond.js，html5shiv.js，modernizr.js

Answer 1

尝试使用此：

iframe { 
    border:none; 
    position: fixed; 
    width:100%; 
    height:100%; 
    overflow: auto; 
} 

这会使你的iframe适合屏幕让所有东西都留在你的视线上。 并确保，你从身体

Here is preview of W3Schools in iframe

希望删除margin工作正常。