之前都是自己一个人写写样式，也没有什么规范，页面看上去不错就行，但是经历了公司的正规的UI稿，样式的问题就非常多了，这里做一些总结。
首先，写之前就需要想好页面的结构，几个div要分好了。另外标签不能都是div、span这种的，要是有语义化的标签，比如nav、p……
UI稿正常是保证高度不变，左右距离两边的距离相同，中间自适应。
写样式的时候遇到的问题：
1、less的使用，可以抽相同的代码在上层，直接.common就可以，变量、继承等等也都可以用
2、移动端适配问题。比如0.5px在不同的设备上解析不一致，有的是0，有的是1（使用transform）；字体加粗问题，fontweight不起作用（直接使用字体）；
3、font-size和line-height要一起使用，值最好是一样的，这样调整距离的时候直接使用margin值就会很准确，直接就是字与字之间的距离
4、flex布局很好用，但是也不要依赖，也可能会出问题
5、UI图有2倍图和1倍图的分别，正常我们需要的就是375设备宽度大小的，UI图按这个给就行。
6、UI图给的是整个sketch图片，自己切图的话需要拉出去到自己新建的一个空白375px页上切。然后导出注意要导出3倍图
7、能用准确的px就用准确的，不要用百分比
