반응형
모바일 지원 (view port) {생활코딩}
웹 페이지 화면 최적화!
모바일 버전
본래 화면 - 마우스 오른쪽 클릭- 검사
Ctrl Shift M
<meta name="viewport" content="width=device-width, initial-scale=1.0">
라는 코드를 써준다. <head></head> 태그에
width = 폭, device= 장치
장치에 맞게 폭을 설정해라 라는 뜻.
initial-scale=1.0 --> 화면 (줌)을 확대되거나 축소되지 않게 첫 페이지를 구성해라 라는 뜻.
반응형
'코딩' 카테고리의 다른 글
| HTML5 - video 삽입 (0) | 2017.02.14 |
|---|---|
| 외부문서삽입 - iframe (0) | 2017.02.13 |
| 웹 개발자 도구 (0) | 2017.02.13 |
| 검색엔진 최적화 (0) | 2017.02.13 |
| 의미론적 태그 (0) | 2017.02.13 |
댓글