響應式開發

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