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+ 可能會出現問題

謝謝。