Skip to content

100vh on iOS

Jump to bottom
Drew Baker edited this page Apr 25, 2021 · 1 revision

To address the infamous 100vh on iOS bug/feature, this theme has a CSS var called --unit-100vh that is updated from a function in /layouts/default.vue called set100vhVar().

You can simply use the CSS height: var(--unit-100vh); transition: height 0.4s ease-in-out; and it will work across all devices smoothly.

Clone this wiki locally