CSS 中 letter-spacing 不支持百分比
Bug描述
- 问题现象：字体之间的间距过大，与设计稿不一致
- 影响范围：某一段字段的间距过大
- 复现步骤：直接打开页面
原因分析
- 根本原因：figma 中 letter-spacing: 2%，再CSS中不支持百分比的值，于是我改成了letter-spacing: 2px
- 相关代码：
styles.css中的letter-spacing: 2px;。
修复过程
- 修复方案：删除letter-spacing: 2px;
- 测试验证：
经验总结
- 教训：需要验证页面样式与设计稿是否一致
- 改进措施：
-
- figma 中的CSS样式，复制过来后，需要验证css样式是否生效
-
- 如CSS中不支持figma给的样式，调整样式后，需要验证页面和设计稿的一致性
后续跟进
- 监控：无
- 反馈收集：无