sv*, lv*, dv* Safari 15.4よりメニューなどのブラウザのUIが表示されているときと表示されていないとき用のviewportの大きさを取得するためのCSSの単位が追加されました。 sv*: small viewport. メニューなどのUIが表示されたときのviewportの大きさ。lv*: large viewport. メニューなどのUIが表示されていないときのviewportの大きさ。dv*: dynamic viewport. 現在表示されている画面のviewportの大きさ。 これらを使用することで、画面いっぱいに表示するために、JSで表示中の画面幅を取得して計算するようなハックは不要となります。 Safari 15.4は、macOS Monterey 12.3およびiPadOS・iOS 15.4から使用できます。 svh, lvh, dvh New WebK
![iOS Safariの100vh問題を解決するための単位【svh, lvh, dvh】](https://cdn-ak-scissors.b.st-hatena.com/image/square/0640d91d38ecf328080d7ebfa30a55be62985e49/height=288;version=1;width=512/https%3A%2F%2Fwebty.jp%2Fstaffblog%2Fwp-content%2Fuploads%2F2018%2F05%2Fcss3-logo.jpg)