Question

我遇到了一个iOS ONLY 特定的错误，我似乎无法解决这个问题。我目前正在网站上呈现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;添加到其样式。

这帮助我解决了类似的问题，该问题在将页面加载到iframe中时，也仅在ios上出现了。