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", съдържанието му ще бъде изрязано. Трябва да опитате да поставите ширина = "100%" на елементите, които се съдържат във вградената рамка. Надявам се това да ви помогне (7 месеца по-късно).

person Proyecto Pi    schedule 29.08.2014