대게 모바일 기기의 디스플레이 크기는 작습니다. 이 때문에 PC버전의 웹 페이지를 보기 위해서는 줌(Zoom) 기능을 사용해야되는데요, 처음 웹 페이지를 열었을 때 Zoom 되는 크기를 자동으로 설정할 수 있는 메타태그가 있습니다.
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"/>
위 META 태그를 삽입하기만 하면 됩니다.
원래 기본적으로 PC버전의 웹 페이지를 열게 되면 자동으로 해당 해당 모바일 기기의 가로사이즈에 맞춰 웹 페이지가 표시됩니다. 그런데 위의 Meta 태그를 사용하시게 되면 웹 페이지가 확대되어(100%로) 보이는 것을 알 수 있습니다.
'HTML · HTML5 · CSS' 카테고리의 다른 글
| HTML 엔터키(Enter Key)를 통한 form객체의 Submit 방지 (0) | 2013.12.23 |
|---|---|
| IE10 핵 (0) | 2013.09.04 |
| 메타태그를 이용한 IE 쿼크모드(호환성보기) 설정 (0) | 2013.07.31 |