前端大佬帮忙看看这是啥问题

@Alives 哈哈哈哈 很感谢 iPhone8 上显示是错误的 不知道是不是系统的原因

@Macv1994 今天测试了下，还真像你说的和 iOS 系统有关系，结论是 iOS 14.4 以前的版本都有问题，昨天测试的是 14.3 的 iPad Pro 设备和 14.4 的 iPhone 8 Plus，用虚拟机跑了一遍 14.3 版本的 Safari 全部有问题，14.4 已经修复了，你把 iPhone8 升级到 14.4 应该也会好 😂 ，不过 iOS 14.4 的更新日志上没看到 Safari 相关更新，估计这个问题是被默默修复了。

iOS14.3 和 iOS 14.4 现象对比： https://sm.ms/image/j2dDuWYkoIHm4Ay

iOS 更新日志： https://support.apple.com/zh-cn/HT211808

https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex
可以看看下面的 flex 取值 默认是 initial 嘛
initial
元素会根据自身宽高设置尺寸。它会缩短自身以适应 flex 容器，但不会伸长并吸收 flex 容器中的额外自由空间来适应 flex 容器 。相当于将属性设置为"flex: 0 1 auto"。
auto
元素会根据自身的宽度与高度来确定尺寸，但是会伸长并吸收 flex 容器中额外的自由空间，也会缩短自身来适应 flex 容器。这相当于将属性设置为 "flex: 1 1 auto".
none
元素会根据自身宽高来设置尺寸。它是完全非弹性的：既不会缩短，也不会伸长来适应 flex 容器。相当于将属性设置为"flex: 0 0 auto"。

@Alives 嗯嗯 已经按照你的方式修改好了 代码也推上去了 哈哈哈 感谢大佬

@bmwh123 嗯 感谢啦