Android 4.x HTML Уменьшение размера div, содержащего iFrame, приводит к усечению содержимого iFrame

У меня есть веб-страница с div, которая содержит iFrame. Я применил webkit-transform для уменьшения размера div:. В настольных браузерах, а также в iOS это работает нормально, однако в Android 4.0.x содержимое iFrame отображается усеченным. Величина усечения пропорциональна степени масштабирования, т.е. если я уменьшу div до 0,5, будет видно только 50% уменьшенного iFrame.

Вы можете протестировать эту ссылку в стандартном браузере Android. iFrame покрывает правильную область, но видимое содержимое составляет даже 50% от этой области. Интересно, что эта проблема не возникает, если шкала выше 1.

Это поведение в обязательном порядке повторяется на всех устройствах Android 4.0, а также на некоторых устройствах 4.1.

Пожалуйста, предложите любые обходные пути для этой проблемы.


person Pulkit Gupta    schedule 30.01.2014    source источник


Ответы (1)


Вы изменяете размер iframe (контейнера), но если содержимое (iframe) не соответствует размеру контейнера. Появится прокрутка для отображения содержимого iframe. В случае, если iframe имеет scroll = «no», его содержимое будет обрезано. Вы должны попытаться установить width = "100%" для элементов, содержащихся в iframe. Надеюсь, это поможет вам (7 месяцев спустя).

person Proyecto Pi    schedule 29.08.2014