ios 100vh bug fix

ios 모바일 vh는 쓰지 않는게 좋다
상하단 브라우저의 높이 가변 문제로 아래 위가 잘리는 현상이 발생한다
그 이슈를 해결 하는 방법 (또는 dvh 사용도 고려해 볼만 하다)

// css
body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

// js
var vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);

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