响应式开发

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