코딩
모바일 지원 (view port)
Skema Shark
2017. 2. 13. 19:40
반응형
모바일 지원 (view port) {생활코딩}
웹 페이지 화면 최적화!
모바일 버전
본래 화면 - 마우스 오른쪽 클릭- 검사
Ctrl Shift M
<meta name="viewport" content="width=device-width, initial-scale=1.0">
라는 코드를 써준다. <head></head> 태그에
width = 폭, device= 장치
장치에 맞게 폭을 설정해라 라는 뜻.
initial-scale=1.0 --> 화면 (줌)을 확대되거나 축소되지 않게 첫 페이지를 구성해라 라는 뜻.
반응형