V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
pinews
V2EX  ›  程序员

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

  •  
  •   pinews · 2019-10-28 19:23:12 +08:00 · 1178 次点击
    这是一个创建于 1613 天前的主题,其中的信息可能已经有所发展或是发生改变。
    firefox 也有这个问题,就是子元素的高度与撑开的父元素高度不一致
    大家可以看演示代码,https://jsbin.com/cehebobusu/edit?html,output。
    用上 font-weight:300 后,a 高度 20,body 元素 22 或 21.5,去掉之后都为 21。
    这个是 bug 还是怎滴,我的网站因为这个多了一条白线。
    2 条回复    2019-10-29 04:33:45 +08:00
    eason1874
        1
    eason1874  
       2019-10-28 20:00:28 +08:00
    内联元素高度一向很迷,具体机制我不懂,严格要求高宽度对齐的元素我都是用块级,a 标签也来个 display:block,简单粗暴解决战斗。
    pinews
        2
    pinews  
    OP
       2019-10-29 04:33:45 +08:00
    @eason1874 找到原因了 微软雅黑和微软雅黑 light 行高不一样,子元素是 light 的高度,父元素确实正常字体的高度,
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   946 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 21:30 · PVG 05:30 · LAX 14:30 · JFK 17:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.