꿈꾸는 개발자, Front-end Developer

Trust that the dots will connect in your future.

#CSS #Dev #EJS #HTML #Hexo #JavaScript #dev #jQuery #smallTalk #번역 #삽질 #신세계 #이론 #정보처리기사

웹 페이지 크기가 모바일 기기에 맞춰 반응하지 않음


오전에 프로그래밍 관련 책을 좀 읽고 어제 To do list에 기록한 것들을 수정하려던 중

웹 페이지가 모바일 기기에서 열었을 때 자동적으로 크기 조절이 되지 않고

데스크 탑에서 보여지는 크기와 똑같이 출력되는 것을 확인했다.

원인이 Bootstrap에서 container 혹은 row Class 로 묶지 않아서인지 확인 중.

container class, row class를 추가했으나 여전히 모바일에서는 반응하지 않았다.

HTML head 부분에

<meta name="viewport" content="width=device-width, initial-scale=1">

를 추가하여 해결할 수 있었다.


#dev

#dev