CSS・WEBやぁ、アクセサリーは苦手なユトピ(@yutopi60pa)だよ。今回はCSSのサイズの新しい指定方法について解説していくよ!といっても僕もまだちゃんと理解できていないので、勉強しながら記事を書いていきまよん。CSSでwidthやheightなどを使うときに数値の指定は大体がpxとか%で指定することが多いですよね?レスポンシブデザインなんかでは%での指定が多いかもしてれませんね。そんなサイズの指定方法に新たに加わりました!そのクレイジーな面々はこいつらだ!!「vh」「vh」おまえは誰だ!解説していきます。vh・vh「vh」「vh」とは、画面サイズやviewportのサイズを基準に、サイズを算出してくれる指定方法です。※実は新しく追加されたとかいいながら2014年だったりする。すんまへん土下座なんのこっちゃ。大きな画像を画面いっぱいに表示したいとしましょう。その場合大体がwidth:100%やheight:100%と指定します。これですとHTMLの構造にもよりますが、親要素の大きさに左右されたりしてうまく画面いっぱいに表示されないことが多々あります。なるとHTMLの構造から見直してCSSの設定も行わなければならないので、非常に面倒くさいことになります。他にもレスポンシブサイトだと様々な画面の大きさに対応しながら、画像を全面表示するCSS指定をしなければなりませんよね。こんな面倒くさい作業を一手に解決してくれるのが今回紹介する2つの指定方法です。それじゃこの2つはどういう意味なのかを紹介しましょう。