- 웹개발 기초
- HTML/CSS/JAVASCRIPT
CSS 미디어 쿼리의 화면 기준 한계 - Container Queries(@container)로 컴포넌트 단위 반응형 레이아웃 완벽 구축
반응형 웹 사이트를 제작할 때 UI 컴포넌트가 위치한 영역에 상관없이 크기가 자연스럽게 변하지 않아 고민해본 경험이 있을 것이다.대부분 뷰포트 크기를 기준으로 작동하는 미디어 쿼리(@media)를 사용하지만, 사이드바 내부나 메인 콘텐츠 영역처럼 부모 요소의 너비에 맞춰 디자인을 변경해야 하는 상황에서는 기존 미디어 쿼리만으로 한계에 부딪힌다.이번에는 미디···
1
0