Mobile 사이트 상단에 들어가는 태그

모바일 사이트 소스 상단에 있는 meta tag  

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

width=device-width : 각 디바이스의 해상도에 맞춰서 보이도로 설정

initial-scale=1.0 : 페이지가 보이는 기본 비율, 아이폰의 경우 스케일이 1이면 320px 

maximum-scale : 페이지가 보이는 최대비율

minimum-scale : 페이지가 보이는 최소비율

user-scalable = 사용자 디바이스에서 확대가능여부 선택 

앞으로는 html5 와 모바일의 시대가 아닐까 ...