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的情况下选择使用预处理器。
五、相信你的眼睛，而不是数字。有时候精确的大小尺寸计算给人视觉带来的效果还是有偏差的。