前端在平常的开发中高度还原ui图的思考规范

问题原因

我们明明按照ui测量 为什么还会出现这么多样式偏差 根据我多次的验收反馈总结如下

1. 使用组件库 不可能所以样式覆盖
2. 复制粘贴以前的代码 样式产生偏差
3. 有些样式是继承所得 难免疏漏
4. 图片等背景问题 或者切图问题
5. padding等结尾问题

解决方案

1. 组件库穿透 主要样式
2. 复制粘贴以前的代码：

这个是最难解决的 特别是跟以前样式类似 但ui存在差别 其实是ui能力比较差，没有固定的规范。这个只有自测了

1. 样式继承：这一点一定要明确的继承 ，就是给父元素设置样式，应该知道需要作用的子元素
2. 图片 直接取图 大小也直接取 然后感觉有问题 就看切图留白 或者看取值问题
3. paddig结尾详细如下
4. 最重要的一点，不要过多思考ui，没有意思，直接设置还原就完了

代码设计规范

1. 一行元素 直接设置height 多行不确定 设置padding 着重注意结尾高度
2. 当两行间距 直接设置margin-top 一定要单侧设置 不要双侧相加
3. 元素居中首选flex
4. 着重注意页面的对其 前后
5. 背景图渐变 ui给了图片 直接用图片