css編碼技巧

一、儘量減少代碼重複
二、使用一些技巧再通過少許的媒體查詢實現響應式。
這些技巧包括：
(1)使用百分比來代替固定寬度。如果實在做不到這一點可以使用與視口相關的單位(vw,vh,vmin,vmax)。
(2)當需要在較大分辨率下得到固定的寬度時，使用max-width而不是width，因爲它可以適應較小的分辨率而無需使用媒體查詢。
(3)不要忘記爲替換元素(如img、object、video、iframe等)設置一個max-width,值爲100%
(4)假如背景圖片需要完整地鋪滿一個容器，不管尺寸如何變化。可以考慮使用background-size:cover
(5)當頁面有行列式佈局，可以使用display：flex或display:inline-block。這樣當將屏幕寬度較小的時候，列數會自動減少
(6)當時使用多列文本時，指定列寬而不是指定列數，這樣就可以在較小地屏幕上自動顯示單列布局。
三、合理地使用簡寫
四、不要濫用預處理器(less、scss等)。建議小項目直接用原生，項目較大並且css很能維持dry的情況下選擇使用預處理器。
五、相信你的眼睛，而不是數字。有時候精確的大小尺寸計算給人視覺帶來的效果還是有偏差的。