HTML – 如何使iOS游戏中的iframe正常工作

2023年1月22日 285次阅读

我在iOS Safari浏览器中的iframe中显示Bootstrap响应页面时遇到问题.它在
Android Chrome中运行良好.

在其中一个iframe中,页面失去了响应性,甚至没有滚动(水平和垂直).

在另一个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,Boostrap 3.3.5,respond.js,html5shiv.js,modernizr.js

最佳答案 试着用这个：

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

这将使您的iframe适合屏幕,以便所有内容都保留在您的视图中.
并确保你已从身体移除了边距

Here is preview of W3Schools in iframe

希望工作正常.

点赞