iOS Safari 在 iOS 16+ 的 flex 容器中过早换行，不低于

Question

我有一个带有一些文本和图标的基于 flex 的按钮。 在 iPhone 14 Pro Max 上，无论字体大小、字体类型和/或字数如何，文字都会过早换行。 貌似只包了最后一个字。 此问题出现在 iOS 16+ 但不低于。 在 BrowserStack 中测试过，无法弄清楚发生了什么。

iOS 16+：

iOS 15/以下：

按钮CSS

display: flex;
width: fit-content;
justify-content: center;
align-items: center;

我发现之前的一个线程讨论了一个 Safari 问题，错误地包装了 Inter 字体，但无论我使用什么字体，这似乎都会发生。

如果我调整图标大小，它将允许文本正确换行，但仅限于某些图标大小。

Answer 1

要进一步调查，请尝试在实际物理设备上进行测试。

此外，在本地 Appium 网格上运行此测试。

这将帮助您确定问题。

如果这些行为也相同，那么 iOS 16+ 可能会出现问题

谢谢。