처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS container query(컨테이너 쿼리)란 무엇인가요?

어려움 MDN Web Docs
보기 및 정답
A 뷰포트 크기가 아닌 부모 컨테이너의 크기에 따라 스타일을 적용하는 기능
B float 요소는 부모의 높이에 항상 포함되어 별도의 해제가 필요 없다
C calc() 함수 내부에서 서로 다른 단위를 혼합하여 사용할 수 없다
D CSS 레이아웃에서 블록 요소는 기본적으로 인라인 방향으로 배치된다

해설

컨테이너 쿼리는 @container 규칙으로 작성하며, 미디어 쿼리가 뷰포트 기준인 것과 달리 부모 컨테이너의 크기를 기준으로 스타일을 변경합니다. 이를 통해 컴포넌트 단위의 반응형 디자인이 가능해집니다.

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

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

정규반 살펴보기

관련 문제

CSS에서 z-index가 예상대로 동작하지 않는 대표적인 원인은?
CSS
CSS :empty 선택자는 어떤 요소를 선택하나요?
CSS
CSS overscroll-behavior 속성의 역할은 무엇인가요?
CSS
CSS ::backdrop 의사 요소의 역할로 올바른 것은?
CSS
CSS filter 속성으로 적용할 수 있는 효과가 아닌 것은?
CSS