如何使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工作正常。