為什麼 Firefox 中的字段集拒絕縮小？

最小寬度問題：

在Firefox 和舊版本的WebKit 中，

元素繼承「min-content 」的最小寬度，防止它們縮小到其內容的寬度以下。當您期望

時，此問題可能會導致問題。

解決方案（適用於WebKit 和Firefox 53 ）：

透過設定min-width: 0 覆蓋預設行為；

解決🎜>解決方案（適用於Firefox Pre-53）：

要讓

在早期版本的Firefox 中可以正確顯示，請將其顯示屬性變更為table-cell。若要隱藏此修復程序，請使用@-moz-document:

@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}

說明：

此問題是由於瀏覽器處理

方式不一致而引起的;s 以及元素在不同顯示屬性下的行為方式。 Firefox 的渲染引擎會在

上強制執行最小寬度，除非它們被渲染為表格元素。

注意：

雖然使用@-moz-document 是安全的在這種特定情況下，一般避免使用它來定位Firefox，因為它已被棄用。

以上是為什麼 Firefox 中的字段集拒絕縮小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！