在手机上 Chrome 、Safari 、Firefox 、Edge 这些主流浏览器，对 svg 图标的位置渲染都是同一个位置，结果发现在微信内置浏览器中（应该是 qq 浏览器 x5 内核），对 svg 图标的位置总是会出现 1 到 2 个像素的上下偏差。
结果就是其他浏览器，都是在一行居中对齐的，到了微信里打开，结果图标就偏下一点，肉眼可见的偏移。
结果就是其他浏览器，都是在一行居中对齐的，到了微信里打开，结果图标就偏下一点，肉眼可见的偏移。
This topic created in 2066 days ago, the information mentioned may be changed or developed.
 |
1
zhuangzhuang1988 Nov 30, 2020
vertical-align?
推荐看下张鑫旭<cSS 世界> 比老外的书好 |
 |
2
rogwan OP @zhuangzhuang1988 和 vertical-align 没关系（没用到这个布局）。估计是微信浏览器忽略了某个特性，导致计算位置上下距离是出现误差。
|
 |
3
lizheming Nov 30, 2020
额，既然你说了手机上的 Safari 浏览器，那应该就是 iOS 了吧… 那么问题来了，iOS 不是所有内置的 Webview 都是只能调系统的 Safari 渲染么…
|
Select Language