강의

멘토링

로드맵

Inflearn Community Q&A

redsky1477's profile image
redsky1477

asked

Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]

Creating Responsive Modern Web Pages for Commercial Use with Modern HTML/CSS3

선생님 질문있습니다!

Written on

·

222

0

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

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

javascriptes6HTML/CSS

Answer 1

0

funcoding님의 프로필 이미지
funcoding
Instructor

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

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

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

감사합니다.

redsky1477's profile image
redsky1477

asked

Ask a question