safari에서 주소창 영역 어떻게 제외하여 css처리하나요??

Question

반응형 웹인데 ㅠㅠ 모바일에서 사이트를 열었을때 ㅠㅠ 아래 주소창도 영역을 100vh내에 가지고 있어서 팝업이 ㅠㅠ 가려져 글이 보이지 않는 현상이 생겨요 ㅠㅠ css에서 해당 주소창의 영역을 제외하는 방법을 알려주세요 ㅠㅠ 아무리 css를 가져다 써도 해결이안되요 ㅠㅠ저도 에어비엔비 모바일 웹처럼 바텀네비게이션도 배치할 예정인데 현재 상황에선 ㅠㅠ주소창땜에 가려질것 같아 어째해야는데 ㅠㅠ현재 next.js로 개발중입니다 흑흑

몰랑토끼 · Answer

이런 vh 이슈는 뷰포트가 변경됬을때마다 높이를 다시 가져오는게 잘되요 예를 들어function setScreenSize() { let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', ${vh}px); } setScreenSize(); window.addEventListener('resize', () => setScreenSize()); 이런식으로요

KarlStyner · Answer

SafeArea 일것 같은데요

safari에서 주소창 영역 어떻게 제외하여 css처리하나요??

2개의 답변

기술 목록