微信的内置浏览器，对 svg 的字体图标渲染，位置总是对不齐？（和 Chrome/Safari 这些主流浏览器相比）
rogwan · 2020-11-30 21:53:55 +08:00 · 2225 次点击这是一个创建于 1452 天前的主题，其中的信息可能已经有所发展或是发生改变。
在手机上 Chrome 、Safari 、Firefox 、Edge 这些主流浏览器，对 svg 图标的位置渲染都是同一个位置，结果发现在微信内置浏览器中（应该是 qq 浏览器 x5 内核），对 svg 图标的位置总是会出现 1 到 2 个像素的上下偏差。
结果就是其他浏览器，都是在一行居中对齐的，到了微信里打开，结果图标就偏下一点，肉眼可见的偏移。
结果就是其他浏览器，都是在一行居中对齐的，到了微信里打开，结果图标就偏下一点，肉眼可见的偏移。
 |
1
zhuangzhuang1988 2020-11-30 22:04:40 +08:00
vertical-align?
推荐看下张鑫旭<cSS 世界> 比老外的书好 |
 |
2
rogwan OP @zhuangzhuang1988 和 vertical-align 没关系（没用到这个布局）。估计是微信浏览器忽略了某个特性，导致计算位置上下距离是出现误差。
|
 |
3
lizheming 2020-11-30 22:19:01 +08:00
额，既然你说了手机上的 Safari 浏览器，那应该就是 iOS 了吧… 那么问题来了，iOS 不是所有内置的 Webview 都是只能调系统的 Safari 渲染么…
|
Select Language