响应式开发

<style type="text/less">
    #div1{
        width: 1000px;
        height: 600px;
        background: #fa9752;
    }
    //媒体查询
    @media all and (max-width: 600px){
        /*当屏幕小于等于 600px  时要做的样式*/
        #div1{
            width: 300px;
            height: 100px;
            background: #24ccc8;
        }
    }
</style>