iframe仅对iOS设备无响应

Question

我可能只需要另外一套眼睛，但我无法找到我所缺少的东西。目前我有一个iframe的宽度远远超出我设置的Boostrap 12 col和CSS以保持响应。在测试我正在制作的网站时，它适用于所有桌面浏览器。我在Chrome和Safari中都进行了模拟，它在那里运行良好。但是一旦发布到Github，该页面的工作方式并不相同。

请注意，bootstrap在网站的其余部分100％响应。一切都留在列中并适应。即使您加载了该页面，在向下滚动之前也不会注意到iframe。但是Jumbotron，Navbar等都可以。我也根据需要将它放在顶部。

<meta name="viewport" content="width=device-width, initial-scale=1">

以下是iframe的设置。别介意我笨拙的DIV设置。我更喜欢在同一个类中代替多个类名=＆＃34;＆＃34;有时。

<div class="container">
    <div class="row">
    <div class="menu">
        <div class="col-xs-12">
            <iframe class="menuwindow embed-responsive-item" src="https://docs.linkhere"></iframe>
        </div>
    </div>
    </div>
</div>

以下是支持该框架HTML的CSS

.menuwindow {
margin-top: 10rem;
margin-bottom: 10rem;
height: 400px;
width: 1px;
min-width: 100%;
*width: 100%; 

对不起我弄清楚了我的工作对象。

以下是开发浏览器中的图片。

以下是iOS设备上的图片。另一件事是，它甚至从容器中跳出来，因为右侧没有衬垫。

更新：我试图专注于他的iframe而不是类，它仍然无法解决问题。

Answer 1

假设您无法编辑iframe原点，可以将iframe宽度设置为小于视口的值，然后覆盖它。

所以，我们有类似的东西

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