响应式开发media

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