Android 4.x HTML缩小包含iFrame的div会导致iFrame内容显示为截断

Question

我有一个包含iFrame的div的网页。我已经应用了webkit-transform来缩放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”的情况下，其内容将被剪切。您应该尝试将width =“100％”放入iframe中包含的元素。 希望能帮助你（7个月后）。