CSS 미디어 쿼리

 

CSS 미디어쿼리

• css2에서 도입된 미디어 타입 규칙
• 휴대폰, 태블릿, PC의 각 장치의 화면 크기에 맞게 유연한 구조를 만들기 위한 도구

 

 

미디어 쿼리 사용방법

• 소스코드: min-width 보다 커지면 해당 값으로 변경

 

• 실행결과

 

 

 

• 소스코드: max-width 보다 값이 작으면 해당 값 적용

 

 

• 실행결과

olive -> blue -> tan