@ davidjbradshaw的iframe resizer在移动浏览器中无法正常工作

时间:2014-07-04 07:08:58

标签: javascript jquery iframe mobile iframe-resizer

我在@davidjbradshaw's brilliant iframe resizer中使用iframe test page here。当我在桌面浏览器(经过测试的Chrome,Safari和Firefox)中加载页面时,即使我保持屏幕宽度很小,它也会很好地加载和调整大小,所以我认为移动设备会响应相同的情况。但他们没有。

当我在iPhone中查看页面时,宽度不会被修改以适合。因此,它水平扩展iframe。

奇怪的是,如果我在我的iPhone上转到@davidjbradshaw's example page,它们似乎工作得很好并且做了他们应该做的事情 - 调整宽度。也就是说,考虑到我使用bootstrap等,他的例子并不复杂。但是,我的代码中根本没有得到任何JS错误。

此外,在iPhone上转到the source of the iframe directly,它会正确加载,调整宽度和所有内容(因为它使用的是Twitter bootstrap 2.3.1)。

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

1 个答案:

答案 0 :(得分:0)

您是否尝试在移动设备上设置ViewPort尺寸?