웹 페이지 크기가 모바일 기기에 맞춰 반응하지 않음
오전에 프로그래밍 관련 책을 좀 읽고 어제 To do list에 기록한 것들을 수정하려던 중
웹 페이지가 모바일 기기에서 열었을 때 자동적으로 크기 조절이 되지 않고
데스크 탑에서 보여지는 크기와 똑같이 출력되는 것을 확인했다.
원인이 Bootstrap에서 container 혹은 row Class 로 묶지 않아서인지 확인 중.
container class
, row class
를 추가했으나 여전히 모바일에서는 반응하지 않았다.
HTML head 부분에
<meta name="viewport" content="width=device-width, initial-scale=1">
를 추가하여 해결할 수 있었다.
#dev