[CSS] Media Query 비교연산자(<, >, =)
1. 미디어 쿼리란? (media query) 미디어 쿼리(media query)는 뷰포트 크기에 따라 스타일을 지정할 수 있는 CSS 기능이다. 만약 모바일, 태블릿, 데스크탑별로 다른 스타일을 적용해야한다면, 미디어 쿼리를 쓰면 된다. /* 미디어 쿼리 기본 문법 */ @media (조건) { 스타일 } 미디어 쿼리 조건에는 min-width, max-width, min-height, max-height 등이 있다. 아래 예시는 뷰포트의 너비가 300px이상일 때, .box의 배경색을 red로 지정하는 코드이다. @media screen and (min-width: 300px) { .box { background-color: red; } } 📌 그런데! Media Queries Level 4에서는 비..
2022. 11. 9.
