HTML
JavaScript
iframe

HTMLページ内フル画面のiframe

More than 1 year has passed since last update.

概要

余白なし、枠なしの縦も横も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を使用しています。