画面いっぱいに背景画像を出す
background-size:cover;
で十分だな
background-size:cover; 縦横比を保持して、表示領域全体を覆うように背景画像を表示する background-size:contain; 縦横比を保持して、表示領域に収まるように背景画像を表示する background-size:値指定 auto; 横幅は指定した値、縦幅は元の比率を保持して自動で表示する background-size:auto 値指定; 縦幅は指定した値、横幅は元の比率を保持して自動で表示する IEは11以上の対応ですが、最近はレスポンシブの普及によりIEは11のみでOKという案件も増えてきてるので、積極的に使っていきたいところです。
⇓図入りで分かりやすくまとめてある
-----------------------------------------------------------------------------------------------------