响应式-媒体查询

        @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
            }
        }