2014-07-04 73 views
1

我在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>標記之前的底部並在頭部進行了測試。這些似乎都沒有效果。

回答

0

您是否嘗試在移動設備上設置ViewPort尺寸?

+0

我遇到同樣的問題。在iframe的頁面和託管iframe的頁面上,我的ViewPort大小都設置爲設備寬度。 – pedroremedios

相關問題