Section 1

PCビューの方は、ウィンドウサイズを変えて「↑」や「↓」で移動してみてください。各セクションの幅と高さがウィンドウにピッタリに変化します。スマホやタブレットの方は、デバイスの縦持ち（portrait）か横持ち（landscape）で確認してください。

Section 2

ビューポート（viewport）は、スクロールバーも含む描画領域。なので、幅を画面いっぱいにしたい時は 100vwを指定するより 100% での指定が最適。高さを画面いっぱいにしたいときは、100vh が最適です。

Section 3

画像を画面いっぱいに拡大縮小するには「background-size:cover;」を使います。このとき「background-position: center center;」（画像を縦横センター合わせ）にしたほうが自然です。
background-sizeのショートハンドは、positionのあとに「/」で区切って追加。「background:#000 url(bg.jpg) center center /cover no-repeat;」

このページのCSS全文はこちら（別ウィンドウで開きます）