반응형 웹 Viewport
<meta name="viewport" content="width=device-width">
meta viewport란?
웹페이지를 모바일 디바이스에 최적화 시켜주는 태그
viewport 속성
(안드로이드 2.2 이상, iOS 1.0 이상, 모바일 파이어폭스 1.1 이상 지원)
width : viewport 넓이. (기본값 : 980. 범위 : 200~10,000)
height : viewport 높이. (기본값 : 폭과 디바이스의 가로세로 비(영상비)로 계산. 범위 : 223~10,000)
initial-scale : viewport 초기 범위(scale). (기본값 : 보여질 수 있는 영역에 맞춰진 페이지. 범위 : minimum-scale과 maximum-scale 속성)
maximum-scale : viewport 최대 범위. (기본값 : 5.0. 범위 : 0~10.0)
user-scaleable : 사용자가 viewport를 확장할지 여부. 또한 텍스트가 입력될 때 사용자가 스크롤링을 차단할 수 있다.
USE
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
<title>TITLE</title>
</head>
user-scalable=yes일 경우, maximum-scale=1.0, minimum-scale=1.0 값 지정.
'Programming > Web' 카테고리의 다른 글
| [Web] HTML meta 태그 (0) | 2015.05.20 |
|---|---|
| [Web] JSON.parse() & JSON.stringify() (0) | 2015.05.15 |
| [Web] 색상표 (0) | 2015.04.06 |
| [Web] JSTL FUNCTION (0) | 2015.03.10 |
| [Web] GET / POST 한글 처리 (0) | 2015.01.26 |