인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

작성자 없음

작성자 정보가 삭제된 글입니다.

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

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

안녕하세요 선생님. .inner에 왜 max-width를 주는건가요?

작성

·

360

0

약 9분20초 정도쯤에 .inner에 max-width: 1200px을 주시던데 그냥 width : 1200px을 해도 똑같은 것 같아서요..!

반응형은 처음이라서요. 답변 부탁드립니다 :)

답변 2

0

소연님의 프로필 이미지

아~ 제가 질문을 헷갈리게 썼군요..! 죄송합니다.

min-width: 1200px은 반응형이라 이렇게 쓰는거까지 이해했는데 9분 24초쯤에 inner { max-width: 1200px} 부분 말씀드린거였습니다..! 여기에 width: 1200px도 똑같은 것 같길래 max-width를 굳이 써야하는건가 싶어서 질문드렸는데 다시 그 부분을 보니 최대 넓이값으로 줘야하는거군요.

친절한 답변 감사합니다~

0

잔재미코딩 DaveLee님의 프로필 이미지

안녕하세요.

아마 이 부분도 세세히 설명을 드렸을 꺼예요. 기존 영상에서, 관련 테스트 코드와 자료로 상세히 설명을 드린부분이라서, 이 부분을 다시 한번 보시면 도움이 되실 것 같고요.

우선 9:20초는 min-width 인데요. 

min-width 가 1200px 이라는 것은 1200 px 이상일 때 해당 미디어 쿼리의 css 를 적용하라는 의미입니다.

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기