Javascript & JQuery & CSS

/* @media only screen and () and ()...
    출력 조건을 계속 and로 이어서 나열한다..
    괄호 안에 세미콜론 없음에 주의 */

/* 아주 큰 모니터에서 990px 너비까지는 배경을 빨강색 */
@media only screen and (min-width:990px){
    body{ background:red; }
}

/* 640 ~989 : 태블릿, 등 경계를 나눌 때 겹치지 않도록 주의 */

@media only screen and (min-width:640px) and (max-width:989px){
    body{ background:green; }
}

/* 640px 너비 미만의 기계에서는 파랑색 배경이 되도록 */
@media only screen and (max-width:639px){
    body{ background:blue; }
}