웹페이지가 사용자가 보는 장비(휴대폰, 피씨, 패블릿 등)에 맞춰 해상도가 변경이 되고 화면의 구성이 바뀌는것을 구현하고 싶다면 아래와 같은 구문을 상단에 추가해주면 된다.
<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" />
위의 구문이 추가되지 않는다면 모바일 화면에서도 PC화면이 계속해서 나오는것을 볼수 있을것이다.
이거 안넣고 화면이 제대로 나오지 않는다고 난리난리 개난리를 떨었던게 생각나.......ㅁ
'HTML5' 카테고리의 다른 글
| HTML5 Audio Element.. (0) | 2015.04.27 |
|---|---|
| HTML5 Video.. (0) | 2015.02.14 |
| HTML5 drawImage().. (0) | 2014.12.24 |
| Html에서 Div와 TextArea의 줄바꿈. (0) | 2014.12.06 |
| HTML5 Modernizr대신 HTML5지원 여부 알아보기.. (0) | 2014.11.28 |
