[생활코딩]모바일 지원 (viewport)

모바일 지원 (viewport)

작은 화면이나 테블릿에서도 잘 볼수있게 만드는 과정

• 웹 브라우저에서 마우스 오른쪽을 눌러 검사를 하고 스마트폰처럼 생긴 아이콘을 눌러 크기조절을 한다.
• meta태그를 만들고 그안에 name을 viewport라고 지정해서 content안에 width를 적고 device를 적어준다 width는 폭이라는 뜻이고 device는 장치라는 뜻이다. 즉 화면의 폭을 디바이스의 폭 만큼 지정해라 라는 그런 의미의 meta태그이다. 그뒤에 initial-scale을 1.0으로 하게되면 웹페이지의 화면을 확대하지도 않고 축소하지도 않은 상태로 시작해라 라는 뜻이다.