아이폰용 웹 사이즈는 가로가 320 px 입니다. 이에 맞게 html을 수정하고, 아이폰으로 보기에는 좀 귀찮습니다. 그래서 사파리에서 아이폰용으로 볼 수가 있습니다. 처음엔 개발자 도구가 나타나지 않는데, 이는 위 그림과 같이 메뉴 보기를 클릭해주어야 합니다. 

이후에 웹을 개발하고, 아이폰 브라우저에서 확인하면 됩니다.

추가적으로 
<meta name = "viewport" content = "initial-scale = 1.0">
: 스케일이 1이면 가로320px에 맞춰집니다. 즉 웹사이트 중 가로 320px영역이 아이폰에서 전체화면으로 채워져서 보여집니다.

또한, 스케일 변경을 막고 싶으면
<meta name = "viewport" content = "initial-scale = 1.0; maximum-sale=1.0; minimum-scale=1.0; user-scalable=no;" />

위 태그를 넣어주면 m.naver.com 같이 변경되지 않는 페이지가 됩니다

+ Recent posts