media query

media query

1. 반응형 디자인을 만들기 위한 도구
2. media type으로 이루어져 있다.
3. @media 구문을 이용한다

예(창의 최대 너비 사이즈가 599px일때, 메뉴는 한 컬럼에 표시된다.)

@mediascreenand(min-width:600px){ 
 nav{
  float:left;width:25%;
 }
 section{
  margin-left:25%;
 }
}
@mediascreenand(max-width:599px){
 navli{
  display:inline;
 }
}