min-width

Avatar of Sara Cope
Sara Cope

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

min-width 属性在 CSS 中用于设置指定元素的最小宽度min-width 属性始终会覆盖 width 属性,无论是在声明中 width 之前还是之后。作者可以使用任何 长度值,只要它们是正值。

.wrapper {
  width: 100%;
  min-width: 20em; /* Will be AT LEAST 20em wide */
}
Check out this Pen!

在假设 min-width 被继承时要小心,因为此属性不会从其他父元素继承。如果作者使用绝对值 (px、pt、in、cm、mm) 定义宽度,则最小宽度将不会生效,因为宽度已无限期定义。例如,如果使用 200px 的值作为 width 长度,则 min-width 值为 100px 将没有必要,因为您已经为 width 指定了绝对值(即 200px)。使用 min-width 的最佳方法是将 width 值定义为百分比,并为 min-width 属性使用绝对值,否则使用百分比值用于 min-widthwidth 将不会产生预期结果。

浏览器支持

ChromeSafariFirefoxOperaIEAndroidiOS
24+5.1+18+12.1+8+2.1+3.2+