【図解】CSSのvhとsvhとlvhとdvhは何が違う?(100vhを指定してもスマホでははみ出る問題も解決) vh、vwだけだと思ってたら、いつの間にか仲間が増えてましたね。 タイトルに書ききれませんでしたが、 ・svh / svw ・lvh / lvw ・dvh / dvw ・vh / vw さらに ・svmin / svmax ・lvmin / lvmax ・dvmin / dvmax ・vmin / vmax それぞれを比較。 また、100vhを指定してもスマホではジャストサイズにならなかった問題も解決できるようになりました。 当サイトには、広告が含まれているページがあります。 全てビューポートを基準とした単位です ビューポートとは 今回ご紹介する単位は、どれもビューポートを基準とした単位であるという共通点があります。 ビューポートとは、ざっくり言うと画面の表示領域のことです。 W
![【図解】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)