Fatal编程技术网
  • html/
  • Html 如何使iframe在iOS safari中正常工作

Html 如何使iframe在iOS safari中正常工作

html css iframe safari

Html 如何使iframe在iOS safari中正常工作,html,css,iframe,safari,responsive,Html,Css,Iframe,Safari,Responsive,我在iOS safari浏览器中的iframe中显示引导响应页面时遇到问题。它在Android Chrome中运行良好。 在其中一个iFrame中，页面失去响应，甚至无法滚动（水平和垂直）。 在另一个iframe中，另一个页面失去了页脚，垂直滚动显示iframe后面的内容 使用以下代码 <iframe src="add.php" frameborder="0" overflow-x: hidden; overflow-y:hidden; style="height:100%;width

我在iOS safari浏览器中的
iframe
中显示引导响应页面时遇到问题。它在Android Chrome中运行良好。 在其中一个
iFrame
中，页面失去响应，甚至无法滚动（水平和垂直）。 在另一个iframe中，另一个页面失去了页脚，垂直滚动显示
iframe
后面的内容

使用以下代码

<iframe src="add.php" frameborder="0" overflow-x: hidden; overflow-y:hidden; style="height:100%;width:100%;"></iframe>
使用jQuery 1.11.3、Boostrap 3.3.5、respond.js、html5shiv.js、modernizer.js尝试使用以下方法：

iframe {
    border:none;
    position: fixed;
    width:100%;
    height:100%;
    overflow: auto;
}
这将使您的
iframe
适合屏幕，以便所有内容都保留在您的视图中。 并确保已从正文中删除
边距




“希望”运行正常。
不起作用，也导致了现有的响应能力下降。您找到解决方案了吗？这是由于以下错误造成的：

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



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