실습 데모 목록

15장 — 확대가 되는 화면

올바르게 고친 예입니다. 확대 제한을 걷어내고, 글자와 터치 대상을 키웠으며, 가짜 버튼을 진짜 버튼으로 바꿨습니다.

이렇게 해보세요

  1. 휴대폰으로 열고 두 손가락으로 벌려보세요. 어느 기기에서든 확대됩니다.
  2. 확대한 상태에서 읽어보세요. 가로 스크롤 없이 읽힙니다.
  3. Tab 키로 '약관 전문 보기'에 도달할 수 있고, 손가락으로 누르기도 편합니다.

예약 안내

예약 변경은 방문 24시간 전까지 가능하며, 이후에는 위약금이 발생할 수 있습니다. 주차는 건물 지하 2층을 이용해 주시고, 주차권은 카운터에서 받으실 수 있습니다. 반려동물 동반은 테라스석에 한해 가능합니다.

고친 것은 세 가지입니다. 뷰포트에서 maximum-scale과 user-scalable=no를 지운 것, 보조 정보 글자를 rem 단위로 올린 것, 그리고 작은 span 버튼을 진짜 button으로 바꾸면서 터치 영역을 44px 이상으로 확보한 것.