[iOS]height:100vhの要素がSafariのツールバーに被る場合

Javascript

<script type="text/javascript">
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);

window.addEventListener('resize', () => {
	let vh = window.innerHeight * 0.01;
	document.documentElement.style.setProperty('--vh', `${vh}px`);
});
</script>

CSS

selector {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}

Just a moment...

codepen.io