一、使用flex進(jìn)行布局flex是面向“彈性容器”的屬性和“彈性項(xiàng)目”的屬性，一旦學(xué)會(huì)，做任何響應(yīng)式布局都是小菜一碟。需注意兼容性問題！

.wapper {

    display: flex;

}

二.重置css樣式不同的瀏覽器對(duì)于各種元素的默認(rèn)樣式存在很大的差異，在css開頭為所有的元素設(shè)置通用的重置代碼，為我們解決瀏覽器不一致問題

{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

三、將圖片作為背景當(dāng)是響應(yīng)式頁(yè)面時(shí)，給頁(yè)面添加圖片時(shí)，最好使用background屬性來引入圖片，而不是<img>標(biāo)簽。不同適配中，用background-size, background-position等屬性，保持或改變圖片會(huì)更方便。

四、表格邊框html中的table很難看也難做成響應(yīng)式，只需設(shè)置border-collapse: collapse這個(gè)屬性后，表格的邊框好看多了.

五、友好的注釋現(xiàn)在基本前后端分離，添加一些簡(jiǎn)單的注釋可以將代碼分類區(qū)分，方便自己也方便同事后期維護(hù)。