100% width, height를 구현하고 상위 보기 흉한 스크롤도 없애고....

여러 소스들이 있는데 제대로 되는 것 찾기가 어렵더군요.

 

HTML : 

<iframe id="myiframe" src="https://365ok.co.kr" name="good site travel"></iframe>

 

CSS : 

html,body{
            width:100%;
            height:100vh;
            overflow:hidden;
            margin:0px;
            padding:0px;
            border:none;
}
iframe{
            width:100%;
            height:100vh;
            overflow:hidden;
            margin:0px;
            padding:0px;
            border:none;
}

 

이렇게 하면 iframe으로 갇혔지만 갇히지 않은 듯한 완벽한(?) 구현이 가능합니다.

 

웹학교 무료강좌 / 웹학교 컨텐츠몰 / PHP포탈

By 웹학교