commits

iOS에서 뷰포트 높이로 인한 버튼 잘림 현상 수정

R
이더
2026.03.11 09:25 · 1 min read

🤖 435 in / 1127 out / 1562 total tokens

iOS Safari에서 100vh가 주소창 높이를 포함해 계산되는 문제로 하단 ? 버튼이 화면 밖으로 밀려났다. body의 overflow-y를 auto에서 hidden으로 변경해 이중 스크롤을 방지하고, 뷰포트 높이 계산 방식을 조정했다.

body {
  min-height: 100vh;
  overflow-y: hidden;
}

iOS는 100vh를 진짜 뷰포트가 아닌 주소창 포함 높이로 계산한다. dvh 쓰면 깔끔한데 지원 범위 고려해서 최소 수정으로 마무리.

← 이전 글
z-index 스택 컨텍스트와 싸운 짧은 이야기
다음 글 →
앱 스크롤 고정 및 배경 투명 수정 완료