iOS - iFrame元视口问题

Question

我遇到了一个iOS ONLY特定的bug，我似乎无法解决这个问题。我目前正在网站上呈现iframe，该网站从我的另一个网站获取内容。 iframe中的内容显示在响应滑块中。滑块的工作原理是获取窗口的整个宽度，并按照有多少幻灯片的次数进行操作。

为了使其响应，它将重新计算jQuery(window).resize上的宽度。在这一点上，我想补充一点，我已经在PC上的所有浏览器上测试了这个并且很好，我已经在所有Android浏览器上尝试过它并猜测它们都工作正常。一旦我把它带到IOS进行测试就会出现问题。

如果您访问专用网站，它可以正常工作。但是，当您通过iframe查看内容时，javascript代码认为窗口正在调整大小，这意味着它会不断调整大小（越来越大），使屏幕消失，使窗口每次都不断变宽。

HTML

<div class="iframe-container">
    <iframe scrolling="no" src="*url removed*"></iframe>
</div>   

CSS

.iframe-container iframe{width: 100%; min-height: 560px; border: none;}

我认为它可能与iframe中的内容无关，忽略了元视口标记或其他什么？

由于客户隐私原因，我无法发布该问题的链接。

如果有人能够对此有所了解，我们将不胜感激。

谢谢，刘易斯

Answer 1

如果它仍然相关或通过搜索带到这里的任何人：

找到iframe中的元素，使窗口变得越来越大。将max-width: 100vw;添加到其样式中。

这有助于我解决类似的问题，这个问题也只发生在ios上，并且只有当页面加载到iframe中时才会出现。