퀴즈 / CSS / 문제

CSS clamp() 함수의 올바른 사용법은?

어려움 MDN Web Docs
보기 및 정답
A clamp(최솟값, 선호값, 최댓값) 형태로, 반응형 크기를 최솟값과 최댓값 범위 내에서 유동적으로 지정한다
B float 속성이 적용된 요소의 display 값은 자동으로 inline으로 변경되어 너비와 높이 지정이 불가능해진다
C overflow: auto와 overflow: scroll은 항상 동일하게 동작하는 속성이다
D overflow: hidden은 요소의 자식이 경계 밖으로 완전히 사라지며 JavaScript로도 스크롤 위치를 변경할 수 없다

해설

clamp(min, preferred, max)는 반응형 디자인에서 유용한 CSS 함수입니다. 예를 들어 font-size: clamp(16px, 4vw, 24px)은 뷰포트에 따라 글자 크기가 변하되, 16px 미만이거나 24px 초과하지 않도록 제한합니다.

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

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

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...