iOS 웹뷰에서 iframe 높이값이 설정을 무시하고 내부 컨텐츠 크기만큼 커지는 경우

높이값이 1000px 인 웹페이지를 iframe 으로 열었을때

<style>

    div {

        width:300px;

        height:450px;

    }

    iframe {

        width:100%;

        height:100%;

    }

</style>

<div>

    <iframe src="height1000pxPage.html"/>

</div>

넓이 300px, 높이 350px div 내부에 같은 크기의 iframe 이 위치하고 iframe 내에서 1000px 짜리 컨텐츠가 스크롤되길 기대한다

데스크탑용 브라우저에서는 기대한대로 동작하는데

iOS의 웹뷰는 페이지 로드 후 div와 iframe 의 높이값을 보면 div는 450px, iframe 은 1000px 로 강제 설정된다

div에 overflow:auto; -webkit-overflow-scrolling: touch;

스타일을 적용해주면 해결

기대한대로 동작한다