为什么我的 `` 在 Firefox 中无法正确调整大小？

调整大小问题

问题：

A

;无法调整其宽度大小以适合其父容器，即使包含的 也是如此元素的最大宽度：100%。此问题仅在 Firefox 和 Firefox for Android 中出现。

原因：

在 Gecko 浏览器（包括 Firefox）中，字段集的强制最小宽度等于固有宽度默认情况下其内容的宽度。此行为在 Gecko 的渲染引擎中是不可重写的。

解决方案：

要修复 Firefox 中的大小调整问题，请将字段集的显示属性设置为以下值之一：

• 表格单元格（推荐）
• 表格列
• 表格列组
• 表格页脚组
• table-header-group
• table-row
• table-row-group

此外，要向其他浏览器隐藏此修复，请使用 @- moz-document CSS 扩展：

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

注意： 在 Firefox 53 及更高版本中不再需要这个 @-moz-document hack，因为底层错误已被修复。

以上是为什么我的 `` 在 Firefox 中无法正确调整大小？的详细内容。更多信息请关注PHP中文网其他相关文章！