【図解】CSSのvhとsvhとlvhとdvhは何が違う?(100vhを指定してもスマホでははみ出る問題も解決) vh、vwだけだと思ってたら、いつの間にか増えていたビューポート系の単位を調べてみました。 100vhを指定してもスマホではジャストサイズにならなかった問題が解決できる単位も紹介します。 この記事で分かること 高さに関する単位:svh / lvh / dvh / vh 幅に関する単位:svw / lvw / dvw / vw 比較に関する単位:svmin / svmax / lvmin / lvmax / dvmin / dvmax / vmin / vmax 全てビューポートを基準とした単位です ビューポートとは 今回ご紹介する単位は、どれもビューポートを基準とした単位であるという共通点があります。 ビューポートとは、ざっくり言うと画面の表示領域のことです。 Webページなどが
![【図解】CSSのvhとsvhとlvhとdvhは何が違う?(100vhを指定してもスマホでははみ出る問題も解決) | レンちゃんとペンタ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e3c143823e5ed1e5df91a2c05b85b60f6eabf35/height=288;version=1;width=512/https%3A%2F%2Frenandpenta.com%2Fdata%2Fwp-content%2Fthemes%2Fbillion%2Fimg%2Fthumbs%2Fimg139.jpg)