包含响应页面的iOS iFrame

我正在尝试将我们的页面嵌入到客户端站点，它在浏览器中工作得很好，我们的媒体查询也做得很好，但是当在idevice上的ifarme中时，嵌入的页面不会响应，并以最大的媒体查询大小（大于870px宽）显示，而且看起来非常小

---

你知道为什么会出现这种情况，或者如何解决它吗？

我们经过艰苦的学习

在iFrame内部

• 媒体查询不知道父窗口屏幕大小
• 在某些浏览器中，iFrame的实际高度/宽度将大于父页面中显示的CSS宽度/高度

简而言之，媒体查询与iFrame不完全兼容

我们求助于通过javascript实现我们自己的媒体查询行为

总结如下：

• 父页面加载iFrame[在本例中，在用户单击链接后，在弹出窗口中]
• iFrame在消息事件侦听器上设置
• 父页面向iFrame发起postMessage
• iFrame从父页面接收父窗口宽度、高度和任何其他必要信息
• iFrame通过javascript手动重新调整布局

---

希望这能有所帮助。

谢谢，我将尝试一下，我们有javascript将窗口高度发布到父窗口，调整iframe的大小以适应内容，因此我们可以做一些类似的事情，使其正确响应：/