chrome 用 font-weight 上遇到一个怪问题，是怎么回事？

2019-10-28 19:23:12 +08:00
 pinews
firefox 也有这个问题，就是子元素的高度与撑开的父元素高度不一致
大家可以看演示代码，https://jsbin.com/cehebobusu/edit?html,output。
用上 font-weight:300 后，a 高度 20，body 元素 22 或 21.5，去掉之后都为 21。
这个是 bug 还是怎滴，我的网站因为这个多了一条白线。
1199 次点击
所在节点    程序员
2 条回复
eason1874
2019-10-28 20:00:28 +08:00
内联元素高度一向很迷，具体机制我不懂，严格要求高宽度对齐的元素我都是用块级，a 标签也来个 display:block，简单粗暴解决战斗。
pinews
2019-10-29 04:33:45 +08:00
@eason1874 找到原因了 微软雅黑和微软雅黑 light 行高不一样，子元素是 light 的高度，父元素确实正常字体的高度，

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/613771

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX