Android 4.x HTML Масштабирование div, содержащего iFrame, приводит к тому, что содержимое iFrame отображается усеченным

Question

У меня есть веб-страница с div, которая содержит iFrame. Я применил 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 месяцев спустя).