iOS - markhowellsmead/helpers GitHub Wiki

100vh in Mobile Safari

const setBrowserHeightVar = () => {
    document.documentElement.style.setProperty(
        "--vh",
        window.screen.height/100 + "px"
    );
};

setBrowserHeightVar();
window.addEventListener("resize", setBrowserHeightVar);
window.addEventListener("orientationchange", setBrowserHeightVar);

:root {
    --vh: 1vh;
}

.c-browserheight {
    min-height: calc(100 * var(--vh));
}