mobile 100vh
·
Javascript
모바일에서는 url 주소 창, 네비게이션 바의 높이를 뷰 포트(스크린)높이에 포함 시켜 pc에서처럼 화면에 꽉 차지 않고 실제 화면보다 크게 잡혀서 스크롤이 생긴다. window.innerHeight 로 현재 뷰 포트 크기 가져와서 재정의 하기 next.js 에서는 최상위에 위치한 _app.js에서 적용하기//_app.jsfunction setScreenSize() { let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty("--vh", `${vh}px`);}useEffect(() => { setScreenSize();}); css 적용하기/* 필요한 곳에 적용 */height: calc(var(--v..