為什麼我的 `` 在 Firefox 中無法正確調整大小？

調整大小問題

問題：

A

;無法調整其寬度大小以適合其父容器，即使包含的也是如此元素的最大寬度：100%。此問題僅在 Firefox 和 Firefox for Android 中出現。

原因：

在 Gecko 瀏覽器（包括 Firefox）中，欄位集的強制最小寬度等於固有寬度預設其內容的寬度。此行為在 Gecko 的渲染引擎中是不可重寫的。

解決方案：

要修正 Firefox 中的大小調整問題，請將欄位集的顯示屬性設為下列值之一：

• 表格儲存格（建議）
• 表格欄位
• 表格列組
• 表格頁腳組
• 表頭組
• 表行
• 表行組

此外，要向其他瀏覽器隱藏此修復程序，請使用@- moz-document CSS擴充：

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

注意： 在 Firefox 53 和 Firefox 中不再需要此 @-moz-document hack後來，由於潛在的錯誤已被修復。

以上是為什麼我的 `` 在 Firefox 中無法正確調整大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！