我有一个带有包含 iFrame 的 div 的网页。我已经应用 webkit-transform 来缩小 div:。在桌面浏览器和 iOS 上,这工作正常,但在 Android 4.0.x 上,iFrame 的内容似乎被 chop 了。 chop 量与发生的缩放量成正比,即如果我将 div 缩小到 0.5,则缩小后的 iFrame 中只有 50% 是可见的。
You can test this link on Android stock browser . iFrame 覆盖了正确的区域,但可见内容甚至只有该区域的 50%。有趣的是,如果比例大于 1,则不会出现此问题。
此行为会在所有 Android 4.0 设备和某些 4.1 设备上无误地复制。
请就此问题提出任何解决方法。
最佳答案
您正在调整 iframe(容器)的大小,但如果内容(iframe)与容器的大小不匹配。 滚动将出现以显示 iframe 的内容。 在 iframe 有 scroll = "no"的情况下,其内容将被剪切。您应该尝试将 width = "100%"放入 iframe 中包含的元素。 希望对您有所帮助(7 个月后)。
关于javascript - Android 4.x HTML 缩小包含 iFrame 的 div 会导致 iFrame 内容被 chop ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21449029/