▲

CSS 미디어 쿼리는 가고 컨테이너 쿼리가 온다

 (tomquinonero.com)
6P by xguru 2021-10-01 | favorite | 댓글 1개

- 반응형 페이지 만들때 스크린 사이즈가 아닌 컨테이너의 사이즈에 따라 변경하는 방식
- 아직 스펙 초기 단계
- 크롬에서는 플래그 설정시에만 지원되지만, CQFill 폴리필로 모든 브라우저에서 미리 적용 가능

@container (min-width: 600px) {
ㅤ.card {
ㅤㅤdisplay: flex;
ㅤ}
}