728x90
반응형
<meta name="viewport" content="width=device-width, user-scalable=no">
모바일 우선!
viewport를 선언하지 않으면 미디어쿼리로 반응형 웹으로 제작하더라도
모바일 기기에서 제대로 작동하지 않음
* width 가로 크기
- 숫자로 크기를 지정할 수도 있음
- device-width 로 값을 지정할 경우 기기의 화면 크기에 맞춰짐
height=device-height 값으로 세로크기의 비율도 지정할 수 있음.
* initial-scale 로드되었을 때 줌 레벨
1.0 (= 100%)
* maximum-scale 최대 줌 레벨 지정
기본값 0.25
* minimum-scale 최소 줌 레벨 지정
기본값 1.6
* user-scalable 확대축소 가능한지 yes, no 값으로 지정
기본값 yes
no값으로 설정하면 input영역 선택시 확대되는 것을 막고, 사용자가 화면을 확대, 축소하는 것을 방지한다.
728x90
반응형
'html' 카테고리의 다른 글
[HTML5] 캐시 사용하지 않도록 하는 메타태그(no-cache) (290) | 2019.04.09 |
---|---|
[HTML5] og태그 (페이스북 카카오톡 등 웹사이트 미리보기/섬네일이미지나오는 부분 설정하기) (407) | 2019.04.08 |
[CSS3][JAVASCRIPT/JQUERY]유튜브 동영상 반응형으로 삽입하는 두가지 방법 (389) | 2019.04.08 |
[HTML5] html lang 속성 (412) | 2019.04.08 |
[HTML5] 웹사이트 제작시 아이폰(IOS) 전화번호 색깔 (417) | 2019.04.08 |
댓글