모바일 100vh 이슈

1. ios만 대응

https://injeblog.tistory.com

INJE BLOG

 

2. ios, android 대응

css

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

js

  function appHeight() {
    const doc = document.documentElement
    doc.style.setProperty('--vh', (window.innerHeight*.01) + 'px');
  }

  window.addEventListener('resize', appHeight);
  appHeight();