[CSS] 미디어 쿼리

미디어 쿼리 (Media Query) - 웹 페이지를 출력하는 디바이스의 종류/크기에 따라 CSS 스타일을 변경할 수 있는 기능 - 디바이스의 특성에 맞게 화면을 보여주기 위해 사용함 - 브라우저 크기에 맞게 자동으로 스타일을 조정함 → 사용자 경험 개선에 큰 도움 @media [only | not] 미디어유형 [and 조건1] [and 조건2] ... { 스타일속성 : 속성값 ; } - and : 조건을 계속 추가할 수 있음 - 콤마(,) : 동일한 스타일을 사용할 미디어 유형/조건이 있다면 콤마로 추가할 수 있음 - only : 미디어 쿼리를 지원하는 웹 브라우저에서만 조건을 인식하게 함 - not 미디어 유형 : 해당 미디어를 제외하고 적용함 ex) @media screen and (min-widt..

원문링크 : [CSS] 미디어 쿼리