CSS기초-(9) 미디어 쿼리

@media only screen and (min-width:400px) and (max-width:1200px){
...
}
와 같이 작성하면 400px~1200px의 스크린에 적용된다.
min-width:400px → 400px 이상일때
max-width:1200px → 1200px 이하일때

미디어 타입은 한가지만 들어올 수 있는 것은 아니고 쉼표를 통해서 나열하면 적용된다.

미디어 타입의 종류

• only /not
• all/ aural/ braille/ handheld/ print/ projection/ screen/ tty/ tv/ embrossed
• width/ height/device-width/ device-hegit/ orientation/...