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

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

  •  
  •   pinews · 42 天前 · 480 次点击
    这是一个创建于 42 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
        1
    eason1874   42 天前
    内联元素高度一向很迷,具体机制我不懂,严格要求高宽度对齐的元素我都是用块级,a 标签也来个 display:block,简单粗暴解决战斗。
        2
    pinews   41 天前
    @eason1874 找到原因了 微软雅黑和微软雅黑 light 行高不一样,子元素是 light 的高度,父元素确实正常字体的高度,
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   990 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 18ms · UTC 19:34 · PVG 03:34 · LAX 11:34 · JFK 14:34
    ♥ Do have faith in what you're doing.