Die min-widthEigenschaft in CSS wird verwendet, um die Mindestbreite eines angegebenen Elements festzulegen. Die min-widthEigenschaft überschreibt immer die widthEigenschaft, unabhängig davon, ob sie widthin Ihrer Deklaration vorher oder nachher angegeben wurde. Autoren können jeden der Längenwerte verwenden, solange sie ein positiver Wert sind.
.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )Seien Sie vorsichtig, wenn Sie davon ausgehen, dass min-widthdiese Eigenschaft geerbt wird, da diese Eigenschaft nicht von anderen übergeordneten Elementen erbt. Wenn Autoren eine Breite mit einem Absolutwert (px, pt, in, cm, mm) definieren, wird die Mindestbreite nicht beeinflusst, da die Breite auf unbestimmte Zeit definiert wurde. Wenn beispielsweise ein Wert von 200px als widthLänge verwendet wird, ist Ihr min-widthWert von 100px nicht erforderlich, da Sie bereits einen absoluten Wert für width(dh 200px) angegeben haben. Der beste Weg , um den Einsatz min-widthist eine definieren widthWert als Prozentsatz und einen absoluten Wertes für die Verwendung min-widthEigenschaft sonst einen Prozentwert unter Verwendung sowohl für min-widthund widthdas erwartete Ergebnis nicht produzieren.
Browser-Unterstützung
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 24+ | 5.1+ | 18+ | 12.1+ | 8+ | 2.1+ | 3.2+ |
Verwandte Eigenschaften
Almanach am 15. Januar 2021Höhe
.element ( height: 500px; ) 
Sara Cope