调整大小问题 问题: 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,因为底层错误已被修复。