【BUG】数字在IOS中间隔特别大,PC端正常的BUG修复和问题解析

255 阅读1分钟

抛出问题

数字在PC端和安卓是正常显示的

image.png

但是在ios端数字之间不太熟关系不太好,导致间隙很大

image.png

定位问题

  1. 首先肯定是样式问题 所以检查自己的css,发现把自己的css全部注释了都不行
  2. 于是怀疑是ios兼容性问题(之前被坑过很多次)于是尝试使用letter-spacing=-15px尝试兼容,嗯,会导致其他端的挤在一起,所以 不行
  3. 最后在大家头脑风暴下,我突然意识到会不会是iconfont的问题,分开写了一下发现确实是。

解决方案

image.png

image.png

总结

这个bug问题在于iconfont中的样式会对字体等等产生影响且仅在ios端有影响,最终解决方案是分开写!