@media

@media

→ 이전에는 적응형 모바일 위주로 웹전용 따로, 모바일 따로 제작이 되었지만 요즘에는 사용자의 디바이스에 따라 반응형으로 제작하고 있다.
→ 반응형 제작에 특히 많이 사용하는 CSS는 @media이다

@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 /...