最近のCSS事情その3

こんにちわ、かずです。

勝手にシリーズ第3弾になりました。

IEのサポート終了してからのCSS事情

IEのサポートが終了してからのCSS事情その2

今回はひとつだけですが、とてつもなく便利なこちら！

dvh

ずーーーー・・・・・・・っと悩みだったiOSのsafariのアドレスバーのあれです！
これまでは height:100%; とか height: 100vh; やらjs使ってごにょごにょしてましたが、これ一つで解決してしまいました。

記述も簡単で、100vhとしていたところを「100dvh」とするだけです。

最新のブラウザであれば対応するようにもなりましたので、今後は使っていきたいですね！

参考: Can I use…

2022年のブログは以上となります！
来年もこんな感じで勉強になったこと、便利になることをどんどん発信していきます！
そしてもっと視覚的にもわかりやすくしていけたらなーとも思っています！

それでは。