响应式-媒体查询

        @media screen and (min-width:1000px){
            div{
                color: black;
            }
        }
        @media screen and (max-width:1000px)  and (min-width:768px) {
            div {
                color:red;
            }
        }
        @media screen and (max-width:768px){
            div {
                color: yellow
            }
        } 

响应式-媒体查询

原文：http://www.cnblogs.com/bolinkworld/p/6644467.html