@media only screen and (max-width: 480px) {
body {
font-size: 12px;
}
}
해석
@media — media 쿼리를 시작
only screen — 어떤 디바이스에서 적용하는지 알려줌.
only print— 프린트를 하고싶을 때.
screen— 디바이스에 상관없이, 화면에 보이는 스크린이면 전부 적용.
and (max-width : 480px) — media feature라고 불리는 부분. 어느 조건에 아래의 css를 적용할지.
max/min-width
max-width
min-width
브라우저의 작은 창 처리 방식 개선
사이트를 모바일 환경에서도 사용 가능 하게 만들 때 중요