V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
rogwan
V2EX  ›  浏览器

微信的内置浏览器,对 svg 的字体图标渲染,位置总是对不齐?(和 Chrome/Safari 这些主流浏览器相比)

  •  
  •   rogwan · 2020-11-30 21:53:55 +08:00 · 2098 次点击
    这是一个创建于 1214 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在手机上 Chrome 、Safari 、Firefox 、Edge 这些主流浏览器,对 svg 图标的位置渲染都是同一个位置,结果发现在微信内置浏览器中(应该是 qq 浏览器 x5 内核),对 svg 图标的位置总是会出现 1 到 2 个像素的上下偏差。

    结果就是其他浏览器,都是在一行居中对齐的,到了微信里打开,结果图标就偏下一点,肉眼可见的偏移。
    3 条回复    2020-11-30 22:19:01 +08:00
    zhuangzhuang1988
        1
    zhuangzhuang1988  
       2020-11-30 22:04:40 +08:00
    vertical-align?
    推荐看下张鑫旭<cSS 世界>
    比老外的书好
    rogwan
        2
    rogwan  
    OP
       2020-11-30 22:09:36 +08:00
    @zhuangzhuang1988 和 vertical-align 没关系(没用到这个布局)。估计是微信浏览器忽略了某个特性,导致计算位置上下距离是出现误差。
    lizheming
        3
    lizheming  
       2020-11-30 22:19:01 +08:00
    额,既然你说了手机上的 Safari 浏览器,那应该就是 iOS 了吧… 那么问题来了,iOS 不是所有内置的 Webview 都是只能调系统的 Safari 渲染么…
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   940 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 21:31 · PVG 05:31 · LAX 14:31 · JFK 17:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.