cssの大きさを示す単位、いくつ知っていますか? px, %, rem, em, pt... %以外は要素そのものの値を基準に決まりますね。 その中でも vh, vw の2つは画面︵Viewport︶の大きさでサイズが変わるという特異な性質を持っています。 これは便利! width: 100vw; とかしたくなりませんか? ところがこのvhとvw、気をつけて使わないと罠があります。 vh, vw とは Viewportに対する100分率で指定できます。vhは画面の高さ、vwは画面の幅を基準にします。 100vhなら高さ画面いっぱい、100vwなら幅画面いっぱい、ですね。 さて、使いたくなるところを考えてみましょう。 親のBoxに左右されず100%っぽく指定できるので、 width: 100vw とかしたくなりますね! あとは1画面分のファーストビュー前面に出すための height