처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS min()과 max() 함수를 함께 사용한 width: min(90vw, 1200px)의 동작으로 올바른 것은?

어려움 MDN Web Docs
보기 및 정답
A 뷰포트의 90%와 1200px 중 더 작은 값이 너비로 적용된다
B 뷰포트의 90%와 1200px 중 더 큰 값이 너비로 적용된다
C CSS에서 !important는 하위 요소에도 자동 적용된다
D revert는 initial과 동일하게 초기값을 적용하는 키워드이다

해설

CSS min() 함수는 인자 중 가장 작은 값을 반환합니다. width: min(90vw, 1200px)는 뷰포트가 넓을 때 1200px를 넘지 않고, 좁을 때는 90vw로 줄어드는 반응형 너비를 만듭니다. max-width: 1200px; width: 90vw와 같은 효과이지만 한 줄로 표현 가능합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기