웹페이지 크기를 모바일 장치에 맞게 자동 조절하기
<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" />
- user-scalable=no : 사용자의 확대보기 허용 여부(no/yes)
- initial-scale=1.0 : 페이지 로딩 시 확대비율
- maximum-scale=1.0 : 최대 확대 비율
- minimum-scale=1.0 : 최소 축소 비율
- width=device-width : 플랫폼 가로 크기에 맞춤, 수치를 넣으면 그 수치에 맞게 맞춰짐.
- target-densitydpi=medium-dpi : dpi([dots per inch])를 맞춤. 일반적으로 medium-dpi로 하는게 좋음. (device-dpi/low-dpi/medium-dpi/high-dpi)