강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Hippo님의 프로필 이미지
Hippo

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기3

선생님 질문있습니다!

작성

·

228

0

제목 없음.png보시는 바와같이 선생님이 작성하신 코드 그대로 복사 붙여넣기 하였는데도 선생님 강의화면과는 다르게 나와서 뭐가 문제인지를 몰라 질문남깁니다!

화면크기를 조정해도 선생님 강의화면과는 다르게 움직이지않고 왼쪽 위치 고정되어있네요. 뭐가 문제일까요?

답변 1

0

안녕하세요. 답변도우미입니다.

반응형 페이지를 이해하시려고 하시는 것 맞으시죠? 반응형은 설정이 있으니까요. 예를 들어, 1920px 보다 width 가 클 경우에는 사이즈를 변경해라 했는데, 자신의 PC 가 최대 해상도가 1920 이하이면, 아무 반응이 없을 수 있는 것이라서, 그런것 아닐까요? 반응형 설정을 예를 들어, 800 이하일 경우에는 다르게 표시가 되도록 한 후, 브라우저나 해상도를 800 이하로 조절해보는 식으로 확인해보시면 어떠실까요? 왼쪽으로만 고정되었다등으로 완전히 다른 동작을 보이는 것은 복사/붙여넣기에서 일부 코드가 누락되서 일수도 있어서, 이 부분도 한번 참고로 검토해보셔도 좋을 것 같습니다.

또 참고로, 이후 프로젝트는 아예 코드 파일을 별도로도 드리기 때문에, 코드 파일을 그대로 실행해보시면 반응형처럼 각자 PC 의 해상도에 영향을 받는 경우를 빼고는 거의 유사하게 동작할 것입니다.

감사합니다.

Hippo님의 프로필 이미지
Hippo

작성한 질문수

질문하기