↓↓↓ここからコンテンツになります↓↓↓

【jQuery】.height()メソッドを使用してウィンドサイズいっぱいに背景画像を表示させる方法のデモページ

※デベロッパーツール等でソースコードをご確認ください(Please check using Developer tools)

このページの内容が難しいと感じた方はこちら

スポンサーリンク

首都圏のIT・営業職求人多数。マイナビの人材紹介サービス≪マイナビエージェント≫へ

CSS

.wrap {
  width: 100%;
}
.img {
  width: 100%;
  background: url("/img/a.jpg") no-repeat center;
  background-size: cover;
}
.block {
  height: 300px;
  text-align: center;
}
  

JavaScript

$(function(){
  var $window = $(window);
  var kvfull = $(".img");
  function Resize(){
    var winH = $window.height();
    kvfull.height(winH);
  }
  $window.on("resize",Resize);
  Resize();
});