CSS媒体查询

格式（style：{}）元素设置：

body{
        background-color:#0033FF;
    }
    /*媒体查询:当页面宽度最大为960px时*/
    @media screen and (max-width: 960px){
        /*body背景颜色为*/
        body{
        background-color:#FF6699
        }
    }
    
    @media screen and (max-width: 768px){
        body{
        background-color:#00FF66;
        }
    }
    
    @media screen and (max-width: 550px){
        body{
        background-color:#6633FF;
        }
    }
    
    @media screen and (max-width: 320px){
        body{
        background-color:#FFFF00;
        }
    }

body元素设置：

<body>
    <p>my  first @media</p>
</body>

 

posted @ 2018-04-03 15:32  董呀么董  阅读(136)  评论(0)  编辑  收藏  举报