CSS Container Queries로 부모 요소 크기에 따른 반응형 스타일을 적용합니다.
기본 문법
container-type과 @container 규칙으로 컨테이너 쿼리를 작성합니다.
미디어 쿼리와 차이
뷰포트 기준이 아닌 컨테이너 기준으로 스타일을 적용하는 장점입니다. URL 인코딩은 URL 인코더를 사용하세요.
활용 사례
카드 컴포넌트 등에 컨테이너 쿼리를 적용한 예제를 제공합니다.
CSS Container Queries로 부모 요소 크기에 따른 반응형 스타일을 적용합니다.
container-type과 @container 규칙으로 컨테이너 쿼리를 작성합니다.
뷰포트 기준이 아닌 컨테이너 기준으로 스타일을 적용하는 장점입니다. URL 인코딩은 URL 인코더를 사용하세요.
카드 컴포넌트 등에 컨테이너 쿼리를 적용한 예제를 제공합니다.