iOS 16+ Safari中Flex容器文字提前换行问题（iOS15及以下无此问题）

我有一个包含文字和图标的flex布局按钮，在iPhone 14 Pro Max设备上，无论字体大小、字体类型及单词数量，文字都会提前换行，且仅最后一个词会换行。该问题仅出现在iOS 16及以上版本，iOS 15及以下版本无此问题。已在BrowserStack中测试，但未找到问题原因。

iOS 16+效果 #

iOS 15及以下效果 #

按钮CSS代码 #

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

之前看到过关于Safari对Inter字体换行异常的讨论，但此问题不受所使用字体的影响。调整图标尺寸可使文字正确换行，但仅适用于特定的图标尺寸。

内容的提问来源于stack exchange，提问作者Max McKinney