모바일 ios에서 iframe width:100% 안 될때.

안녕하세요.

아이폰에서 iframe width 100%를 줘도 정상적으로 적용이 안되는 버그가 있습니다.

그럴 때 iframe에 scrolling="no"를 주면 정상적으로 먹지만 스크롤이 안되는 문제가 발생합니다.

그래서 iframe가 동일한 기능을 하는 object로 해결 하였습니다.

기존 iframe 소스는

<div class="scroll-container scroll-ios" style="overflow:auto;-webkit-overflow-scrolling:touch">

<iframe src="https://test.com/iframe"  frameborder="0" scrolling="no" style="position: absolute; top: 0px; left: 0px; height: 100%; width: 1px; min-width: 100%; *width: 100%;" ></iframe>

</div>

변경 object 소스는

<object id="nzeo" width="100%" height="100%" data="https://test.net/front/main"></object>

해당 object tag를 이용하여 아이폰과 안드로이폰에서 확인한 결과 정상적으로 뷰잉되는것을 보았습니다.