dvh1 [실무에서 복붙해 쓰는 에러 해결 및 트러블슈팅 가이드 #03] 모바일 사파리 100vh 스크롤 버그 해결법 안녕하세요! 지난번 무한 렌더링 지옥 탈출기는 많은 도움이 되셨나요? 오늘 다룰 주제는 아마 프론트엔드 개발자라면 누구나 한 번쯤 퇴근길 발목을 잡혔을 법한, 아주 악명 높은 녀석입니다.로컬 환경인 크롬 데스크탑 브라우저의 개발자 모드(F12)로 모바일 뷰를 띄워놓고 작업할 때는 모든 게 완벽했습니다. 화면에 꽉 차는 멋진 풀스크린 UI를 완성하고 뿌듯하게 배포를 마쳤죠. 그런데 기획자나 대표님이 다급하게 메신저를 보냅니다. "개발자님! 아이폰 사파리로 들어가니까 맨 밑에 있는 '결제하기' 버튼이 화면 밖으로 잘려서 안 눌리는데요?" 등줄기에 식은땀이 흐르는 순간이죠. 네, 맞습니다. 바로 그 유명한 모바일 웹 브라우저의 '100vh 스크롤 버그'에 당첨되신 겁니다. 대체 데스크탑에서는 멀쩡했던 100v.. 2026. 3. 20. 이전 1 다음
