화면 해상도에 맞춰 페이지 변경..

웹페이지가 사용자가 보는 장비(휴대폰, 피씨, 패블릿 등)에 맞춰 해상도가 변경이 되고 화면의 구성이 바뀌는것을 구현하고 싶다면 아래와 같은 구문을 상단에 추가해주면 된다.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />

위의 구문이 추가되지 않는다면 모바일 화면에서도 PC화면이 계속해서 나오는것을 볼수 있을것이다.

이거 안넣고 화면이 제대로 나오지 않는다고 난리난리 개난리를 떨었던게 생각나.......ㅁ