【】스마트폰에 대응하는 웹페이지의 폭을 지정한다.

간단한 내용이지만 오랫동안 걸려있어서...
스마트폰용 웹 사이트를 만들 때는 CSS에서
style.css

body {
    width: 100%;
}

그래도 화면 너비보다 폭이 커 의도하지 않은 크기가 된다.
이런 느낌.

이미지는 Chrome Developer Tool에서 아이폰5를 시뮬레이션한 것입니다.흰색 배경 부분은 표시 영역이고 짙은 회색은 현재 표시되지 않지만 존재하는 페이지 영역입니다.수평으로 굴러가다.
해결은 매우 간단하다. 아래의 메타 요소만 추가하면 된다.

<meta name="viewport" content="width=device-width">

페이지 너비가 화면 너비로 순조롭게 바뀌었다.