1

我在这里的iframe 测试页面中使用了@davidjbradshaw 出色的 iframe 调整大小。当我在桌面浏览器(经过测试的 Chrome、Safari 和 Firefox)中加载页面时,即使我将屏幕宽度保持得很小,它也能很好地加载和调整大小,所以我认为移动设备也会做出同样的反应。但他们没有。

当我在 iPhone 中查看页面时,没有修改宽度以使其适合。因此,它水平扩展了 iframe。

奇怪的是,如果我在我的 iPhone 上访问@davidjbradshaw 的示例页面,它们似乎工作得非常好,并且做了他们应该做的事情——调整宽度。也就是说,考虑到我正在使用引导程序等,他的示例并不复杂。但是,我的代码中也没有出现任何 JS 错误。

此外,直接在 iPhone 上访问 iframe 的源代码,它会正确加载、调整宽度和所有内容(因为它使用的是 twitter bootstrap 2.3.1)。

是的,我已经通过删除 head.js 片段,将iframeResizer.contentWindow.min.js脚本加载到标签之前的底部</body>和头部进行了测试。这些似乎都没有效果。

4

1 回答 1

0

您是否尝试在移动设备上设置 ViewPort 大小?

于 2015-03-10T19:43:44.870 回答