iOS iframe太广了

Question

我已经检查了很多不同的解决方案来解决这个问题，javascript处理，使用容器div的不同css技巧等等，但我无法让我的iframe在iOS上运行。我的代码是 -

<div class = "container" style="-webkit-overflow-scrolling: touch;">
<iframe src="web.html" runat="server" allowfullscreen="yes" marginwidth="0" style="margin: auto;" name="iframe_a" width="100%" class = "home-page-iframe" id = "iframeMain" frameborder="0"></iframe>
</div>

您可以在https://rhovell.github.io/portfolio/index.html

处看到代码

目前没有javascript。

/* iframe styling */
.home-page-iframe {
max-width: 100vw;
min-height: 300px;
border: none;
margin: 0 0.5em 0 0.5em;
}
.container {
width: 1px;
min-width: 100%;
*width: 100%;
max-width: 100vw;
overflow:auto;
}

我希望iframe仅限于设备宽度。有一个单独的css文件处理对iframe页面（和索引）中的对象的媒体查询更改。所有iframe页面中都有交互式内容。