我目前正在http://axthehometax.com/建立一个网站 底部的插件，Rocket Lobby，通过iframe加载。它在桌面上运行良好，但在移动设备上，一旦您点击并浏览插件，它就会不断更改宽度，并打破“移动”视口。如果你到达结果的位置，它会缩减，但它仍然比它最初开始时的宽度要宽一些。
我甚至不确定从哪里开始寻找发生这种情况的原因。它是AX网站，还是火箭大厅，或者是iframe和bootstrap，或者......？如果它意味着什么..插件本身，使用jQuery.load加载iframe中的新内容。
答案 0 :(得分：0)
以允许它在页面上呈现良好的方式约束IFRAME并不是最简单的开发任务，但只要您不得不使用它，那么有一些东西可以尝试让它渲染在移动设备上。不幸的是，这个问题可能没有任何错误或正确的答案。
首先，您应该探索使用viewport metatag来帮助指导移动浏览器如何缩小页面。
<meta name = "viewport" content = "width = 320, initial-scale = 2.3, user-scalable = no">
更多相关内容：
其次，使用CSS设置IFRAME样式的选项有限，但您可以使用div成功约束它。
第三，你应该在另一个Stack Overflow线程上探讨这里提出的建议。正如你所看到的，这个问题有很多选票，但没有接受的答案。你只需要尝试一些技术来看看什么效果最好。