2014-01-30 4 views
0

iFrame이 포함 된 div가있는 웹 페이지가 있습니다. div를 축소하기 위해 webkit-transform을 적용했습니다. 데스크톱 브라우저와 iOS에서 잘 작동하지만 Android 4.0.x에서는 iFrame의 콘텐츠가 잘리지 않습니다. 잘라내 기는 스케일링의 양에 비례합니다. 즉, div를 0.5로 스케일링하면 축소 된 iFrame의 50 % 만 보입니다.Android 4.x HTML iFrame을 포함하는 div 크기를 줄이면 iFrame 콘텐츠가 잘린 상태로 나타납니다.

You can test this link on Android stock browser. iFrame이 올바른 영역을 덮고 있지만 표시되는 내용은 그 중 50 %입니다. 흥미롭게도,이 문제는 눈금이 1보다 큰 경우에는 발생하지 않습니다.

이 동작은 모든 Android 4.0 장치 및 일부 4.1 장치에서도 마찬가지입니다.

이 문제에 대해 해결 방법을 제안하십시오.

답변

0

iframe (컨테이너)의 크기는 조정되지만 내용 (iframe)이 컨테이너의 크기와 일치하지 않습니다. iframe의 내용을 표시하는 스크롤이 나타납니다. iframe의 scroll = "no"인 경우 내용이 잘립니다. iframe 안에 포함 된 요소에 width = "100 %"를 넣어야합니다. 당신을 도울 희망 (7 개월 후).