Android 4.x HTML縮小包含iFrame的div會導致iFrame內容被截斷

Question

我有一個包含iFrame的div的網頁。我已經應用webkit轉換來縮小div：在桌面瀏覽器上以及在iOS上，這可以正常工作，但是在Android 4.0.x上，iFrame的內容會被截斷。截斷的數量與縮放發生的數量成正比，即如果我將div縮小到0.5，只有50％縮小的iFrame可見。

You can test this link on Android stock browser。 iFrame覆蓋了正確的區域，但可見的內容甚至達到了50％。有趣的是，如果比例大於1，則不會發生此問題。

此行爲在所有Android 4.0設備以及某些4.1設備上覆制並且不會失敗。

請提出任何解決此問題的方法。

Answer 1

您正在調整iframe（容器）的大小，但是如果內容（iframe）與容器的大小不匹配。 滾動將出現以顯示iframe的內容。 如果iframe的scroll =「no」，它的內容將被剪切。您應該嘗試將寬度=「100％」放入iframe中包含的元素。 希望能幫助你（7個月後）。