響應式開發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>