@davidjbradshaw's iframe调整器在移动浏览器中不能正常工作

@davidjbradshaw's iframe resizernot working properly in mobile browsers

本文关键字:不能 常工作 工作 浏览器 移动 iframe 调整器 @davidjbradshaw      更新时间:2023-09-26

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

当我在iPhone上查看页面时,宽度没有被修改为合适。因此,它横向扩展iframe。

奇怪的是,如果我去@davidjbradshaw的例子页面在我的iPhone上,他们似乎工作得很好,做他们应该做的事情-调整宽度。也就是说,他的例子并不复杂,考虑到我正在使用bootstrap等。但是,我也没有得到任何JS错误在我的代码。

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

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

你试过在手机上设置ViewPort大小吗?