반응형 사파리에서 100vh 적용1 js/css - 아이폰 사파리&크롬에서 100vh가 하단 툴바랑 주소창때문에 제대로 적용 안되는 현상 안드로이드는 잘 됨 아이폰에서 사파리, 크롬 100vh가 제대로 적용 안될 때 css에서 .somediv{height:calc(var(--vh, 1vh) * 100);} /* 100이면 100vh */ js에서 let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', vh+"px"); // resize window.addEventListener("resize", ()=>{ let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', vh+"px"); }) 모바일웹 전체 메뉴일 때. 참고 : 아이폰 브라우저(사파리,.. 2022. 8. 8. 이전 1 다음 반응형