Jquery Iframe在手机上触摸时会展开

我目前正在建设一个网站 底部的插件Rocket Lobble是通过iframe加载的。它在桌面上非常有效，但在移动设备上，一旦你点击并浏览插件，它就会不断改变宽度，并破坏“移动”视口。如果你在结果中回到原点，它会缩小，但它仍然比最初开始时宽一点

---

我甚至不知道从哪里开始寻找这一切发生的原因。是AX站点，还是火箭大厅，还是iframe和bootstrap的一些不可靠的东西，或者。。？如果有什么意义的话。。插件本身使用jQuery.load在iframe中加载新内容。

约束iframe，使其能够在页面上很好地呈现，这肯定不是最简单的开发任务，但只要您不得不使用它，那么您可以尝试在移动设备上很好地呈现它。然而，不幸的是，这个问题可能没有任何错误或正确的答案

首先，您应该探索使用viewport元标记来帮助指导移动浏览器如何缩小页面

<meta name = "viewport" content = "width = 320, initial-scale = 2.3, user-scalable = no">

更多信息请参见：

第二，使用CSS设置IFRAME样式的选项有限，但可以使用div成功地约束它

第三，您应该研究在另一个堆栈溢出线程上提出的建议。正如你所看到的，在这个问题上有很多投票，但没有被接受的答案。您只需要尝试一系列技术，看看哪些技术最有效

---

这只是一个很好的例子，说明了为什么IFRAMEs是一个令人讨厌的东西。你有没有选择插件来使用不同的标签？@JoshuaDannemann嗯，我也为火箭大厅创建了这个网站。我本希望使用其他东西，但我对此类跨领域内容的总体知识有限，只知道iframe可以工作。起初，我只是尝试使用jQuery.load，但那是我开始熟悉跨域策略的时候，它不允许它工作。这是有道理的。如果没有跨域allow origin头集，那么IFRAME几乎是您唯一的选择。我想我有一个答案给你。@JoshuaDannemann在那张便条上，我试着设置跨域的东西，但它就是不起作用。我假设如果这允许它工作，它不是，我做错了什么，但据我所知，它只是添加了一行代码。由于相对缺乏经验，也许我忽略了一些简单的事情？