デバイスの高さまで縦を広げるCSSのvhの単位を使ってデバイスやブラウザの高さを要素にセットするサンプルです。スマホならではCSS100vhを指定するとデバイスの縦幅いっぱいの高さとなります。以下の親要素(破線の部分)の高さは300pxを指定しています。height:100%;height:100vh;100%の場合は、親要素に対して目一杯の縦幅をとります。対して100vhは、PCならブラウザの高さ、スマホなら画面の高さとなにがなんでも同じになります。