虽然很久没有写小程序了,但是今天接到一个bug反馈,
说iphone手机样式错乱了,但是华为手机没有问题,
于是查看了一下:
-
我的手机版本是 IOS15.4 ,打开没啥问题,一切正常。
-
借用产品的手机 IOS16版本的,问题就出现了,于是查询了一下16的css编译
-
设置元素
text-align-last: justify
时,原来是看起来是width: fit-content
。宽度有一定限制。
-
而在IOS16上面是
width: 100%
。所以就会出现分割很开。
-
修复方法:
- 给他一个
max-width
暂时解决问题,但是还没有找到更优雅的解决办法。
- 给他一个