如何修復 Internet Explorer 11 中的 Flexbox 問題？

解決 IE 中的 Flexbox 問題

無法在 IE11 中利用 Flexbox？出現此問題的原因是 IE 難以解析 flex 屬性。以下是幾個解決方法：

利用常用屬性

避免使用簡寫的 flex 屬性（例如，flex: 0 0 35%）。相反，使用長手屬性：

• flex-grow: 0
• flex-shrink: 0
• flex-basis: 35%

啟用Flex-shrink

確保在你的 Flex 聲明中啟用了 flex-shrink。試著將程式碼從 flex: 0 0 35% 修改為 flex: 0 1 35%。

解決基於 Flex 的值變化

IE11 在 flex- 方面表現出不同的行為基礎值。試試這些變化：

• flex: 1 1 0
• flex: 1 1 0px
• flex: 1 1 0%

flex: 1 1 0%

flex: 1 1 0%

flex: 1 1 0%

• flex: 1 1 0%
• flex: 1 1 0%

flex: 1 1 0%

小心將0px 轉換為 0的縮小器，這可能會導致調試

使用Flex: Auto

用flex: auto 替換flex: 1，這意味著：

flex-grow: 1

伸縮收縮： 1flex-basis: auto這可以防止在媒體查詢中從行到列的 flex-direction 轉換時項目崩潰。 使用舊-時尚的寬度/高度屬性考慮恢復為傳統寬度採用塊佈局 在某些情況下，區塊佈局（display: block）可以充分取代flex佈局（display: flex; flex-direction: 列）在特定容器中。

以上是如何修復 Internet Explorer 11 中的 Flexbox 問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！