我在iframe test page here中使用@davidjbradshaw's brilliant iframe resizer。當我在桌面瀏覽器(經過測試的Chrome,Safari和Firefox)中加載頁面時,即使我保持屏幕寬度很小,它也會加載並調整尺寸,所以我認爲移動設備的響應也是一樣的。但他們沒有。@ davidjbradshaw的iframe resizer在移動瀏覽器中無法正常工作
當我在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>
標記之前的底部並在頭部進行了測試。這些似乎都沒有效果。
我遇到同樣的問題。在iframe的頁面和託管iframe的頁面上,我的ViewPort大小都設置爲設備寬度。 – pedroremedios