我在@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>
标记之前的底部,并放在头部。这些似乎都没有效果。
答案 0 :(得分:0)
您是否尝试在移动设备上设置ViewPort尺寸?