uni-app在ios上面文字处理

31 阅读1分钟

1,在ios上面有时候文字会特别大,有时候正常,各种排查都不行

2,体现

image.png

3,原因

  • 浏览器会根据容器宽度 + 文本长度 + 语言特征,自动调整字体大小,目的是“提高可读性”。
    • 特别是长串中英数字混排、又比较挤的时候,它会“自作聪明”把字号整体放大或缩小。
    • 这个调整是在引擎内部做的,不走我们的 CSS 逻辑,所以你在代码里看 font-size: 24rpx 没变,但真机上视觉上忽大忽小。

4,解决办法 给最外面的父元素添加下面的css代码

-webkit-text-size-adjust: 100%;  
text-size-adjust: 100%;