미디어 쿼리
미디어 쿼리는 웹 페이지, 앱의 뷰 포트 크기, 장치 종류, 화면 방향 등 미디어의 특성에 따라 스타일을 적용할 수 있게 해주는 CSS입니다.
@media 미디어 유형 and 조건 {
}
미디어 유형의 종류
all
screen
tv
aural
braille
handheld
projection
tty
embossed
breakpoint(중단점)
: 서로 다른 css를 적용할 화면 크기
스마트폰
portrait(세로) 320px, landscape(가로) 480px
태블릿
세로 768px 가로 1024px
데스크톱
1024px