试玩网站设计建设,今天中国新闻,晓风彩票门户网站建设,网站源码 手机 微信Bug描述
问题现象:字体之间的间距过大,与设计稿不一致影响范围:某一段字段的间距过大复现步骤:直接打开页面
原因分析
根本原因:figma 中 letter-spacing: 2%,再CSS中不支持百分比的值,于是我…Bug描述
- 问题现象:字体之间的间距过大,与设计稿不一致
- 影响范围:某一段字段的间距过大
- 复现步骤:直接打开页面
原因分析
- 根本原因:figma 中 letter-spacing: 2%,再CSS中不支持百分比的值,于是我改成了letter-spacing: 2px

- 相关代码:
styles.css
中的letter-spacing: 2px;
。
修复过程
- 修复方案:删除letter-spacing: 2px;
- 测试验证:

经验总结
- 教训:需要验证页面样式与设计稿是否一致
- 改进措施:
-
- figma 中的CSS样式,复制过来后,需要验证css样式是否生效
-
- 如CSS中不支持figma给的样式,调整样式后,需要验证页面和设计稿的一致性
后续跟进