kimizuka https://blog.hatena.ne.jp/kimizuka/ みかづきブログ・カスタム https://blog.kimizuka.org/ CSS iOS vh、dvh、svh、lvh、ついでにwindow.innerHeightの値を観測できるウェブサイトを作りました。https://viewport-height.vercel.app DEMO iOS Safari iOS Chrome iOSのSafariとChromeでvhの扱いが異なることがわかります。 ちなみにAndroid ChromeはiOS Safariと同じ挙動でした。 制作経緯 developer.mozilla.org特にスマートフォン向けのウェブサイトを制作している際に、CSSで長さを指定する単位であるvwやvhは非常に便利です。 が、最近iOS版のChromeにてvh… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2024%2F08%2F05%2F154303" title="vh、dvh、svh、lvhの値を確認するWebページをつくる 📱 - みかづきブログ・カスタム" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20240805/20240805154229.png Hatena Blog https://hatena.blog 2024-08-05 15:43:03 rich https://blog.kimizuka.org/entry/2024/08/05/154303 1.0 100%