UPDATE：2022.12.26
- CATEGORY
最近のCSS事情その3
こんにちわ、かずです。勝手にシリーズ第3弾になりました。
IEのサポート終了してからのCSS事情
IEのサポートが終了してからのCSS事情その2
今回はひとつだけですが、とてつもなく便利なこちら！
dvh
ずーーーー・・・・・・・っと悩みだったiOSのsafariのアドレスバーのあれです！これまでは height:100%; とか height: 100vh; やらjs使ってごにょごにょしてましたが、これ一つで解決してしまいました。
記述も簡単で、100vhとしていたところを「100dvh」とするだけです。
最新のブラウザであれば対応するようにもなりましたので、今後は使っていきたいですね！
参考: Can I use…
2022年のブログは以上となります！
来年もこんな感じで勉強になったこと、便利になることをどんどん発信していきます！
そしてもっと視覚的にもわかりやすくしていけたらなーとも思っています！
それでは。
