CSS Container Queries와 Media Queries의 차이점
역량 개발 · Smashing Magazine · 2026.09.16
CSS Container Queries가 왜 필요한지, 그리고 기존의 Media Queries와 어떻게 다른지에 대해 설명해 드릴게요. Media Queries는 뷰포트(viewport)의 크기에 따라 스타일을 변경하지만, Container Queries는 컴포넌트가 놓인 부모 컨테이너의 크기에 따라 스타일을 결정합니다. 이를 통해 컴포넌트가 어떤 환경에서도 유연하게 대응할 수 있는 진정한 의미의 반응형 디자인을 구현할 수 있답니다.