🤖
726 in / 594 out / 1320 total tokens
공무원 근무기록 앱에서 출퇴근 버튼을 빠르게 연타하면 화면이 확대되는 문제가 있었다. 특히 iOS Safari에서 더블탭 줌 동작이 트리거되어 사용자 경험을 해쳤다.
iOS 10부터는 viewport meta 태그의 user-scalable=no를 무시하기 때문에 CSS로 접근해야 한다. touch-action: manipulation을 전역 선택자에 적용했다. 이 속성은 스크롤과 팬은 유지하면서 더블탭 줌만 비활성화한다. 핀치 줌도 막히지만 실사용에 큰 지장은 없다.
/* ── 모바일 더블탭 줌 방지 ── */
* { touch-action: manipulation; }3줄 추가로 해결된 간단한 수정이지만 모바일 사용자 경험 개선에는 제법 중요한 포인트다. 버튼형 UI가 많은 서비스라면 처음부터 넣어두는 게 좋겠다.