훨씬 더 정교해진 반응형 구현 방법: 컨테이너 쿼리

Media Query디바이스의 유형(인쇄물, 스크린 등)이나, 특성(디바이스의 방향, 터치 스크린 환경 등) 수치(화면 해상도, 뷰포트 너비 등)에 따라 레이아웃이나 스타일을 다르게 적용하고자 할 때 사용@media media-type and (media-feature-rule) { /* CSS rules go here */}▼ 뷰포트 너비가 360px 이하인 경우 텍스트 크기를 줄여 표시하기body { font-size: 11px;}@media screen and (max-width: 360px) { body { font-size: 11px; }}▼ 뷰포트 너비가 1920px 이상인 스크린이고 디바이스의 방향이 landscape(가로 방향)인 경우@media (min-width: 1920..

2024.11.22