[CSS] Container 쿼리(특정 요소 크기에 따라 스타일링하기)
⭐ 이번 시간에는 viewport가 아닌 특정 요소의 크기에 따라 스타일링을 할 수 있는 container 쿼리에 대해 알아보았다! 포스팅 시점에는 호환 가능한 브라우저가 제한적이며 완성된 것이 아니므로 사용시에는 caniuse와 MDN 문서, CSS 초안을 체크하자 🙂 (만약 쿼리를 사용하고 싶다면, polyfill을 사용하자) 1. container query? 1) container 쿼리란? container 쿼리는 viewport기준이 아닌, 특정 요소의 크기에 따라 반응적으로 스타일링이 가능하다. container 쿼리를 사용하기 위해선 container-name, container-type 지정이 필요하다. 2) container 쿼리 사용하기 (1) container-type containe..
2022. 7. 3.
