Mobile Web 해상도

meta 태그는 웹 브라우저에 특별한 정보를 제공하는 HTML 태그 입니다.

모바일 웹 페이지는 화면과 관련된 정보를 제공하려고 viewport meta 태그를 제공합니다.

모바일 웹은 주로 320*480 사이즈로 작업되며

세로는 스크롤이 가능하므로 보통 가로사이즈를 기준으로 제작합니다.

참고로 아이폰4의 최적화된 사이트의 해상도는 640*960 입니다.

< meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />

    width: 넓이 - device-widht : N px (200~10000px, default 980 px)

    height: 높이 - device-height : N px (223~10000 px)

    initial-scale : 초기확대/축소배율

    maximum-scale : 최소 축소 배율 - N (0~10, default 0.25)

    minimum-scale :  최대 확대 배율 - N (0~10, default 1.6)

    user-scalable :  확대/축소 가능 여부 - yes no (default yes)