微信的内置浏览器，对 svg 的字体图标渲染，位置总是对不齐？（和 Chrome/Safari 这些主流浏览器相比）

[rogwan]

在手机上 Chrome 、Safari 、Firefox 、Edge 这些主流浏览器，对 svg 图标的位置渲染都是同一个位置，结果发现在微信内置浏览器中（应该是 qq 浏览器 x5 内核），对 svg 图标的位置总是会出现 1 到 2 个像素的上下偏差。

结果就是其他浏览器，都是在一行居中对齐的，到了微信里打开，结果图标就偏下一点，肉眼可见的偏移。

[zhuangzhuang1988]

vertical-align?
推荐看下张鑫旭<cSS 世界>
比老外的书好

[rogwan]

@zhuangzhuang1988 和 vertical-align 没关系（没用到这个布局）。估计是微信浏览器忽略了某个特性，导致计算位置上下距离是出现误差。

[lizheming]

额，既然你说了手机上的 Safari 浏览器，那应该就是 iOS 了吧… 那么问题来了，iOS 不是所有内置的 Webview 都是只能调系统的 Safari 渲染么…