概要
余白なし、枠なしの縦も横も100%目いっぱいのiframeをつくりたい
デモ
フル画面
http://jsrun.it/tsunet111/u9sgm
js do it
http://jsdo.it/tsunet111/u9sgm
コード
<div class="container">
<iframe src="iframecontent.html" width="100%" height="100%"></iframe>
</div>
* {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}
iframe {
border:none;
width:100%;
height:100%;
}
$(window).on('load resize',function(){
$('.container').css('width', $(window).width());
$('.container').css('height', $(window).height());
});
jQueryを使用しています。
