min-width
CSS turtas naudojamas nustatyti minimalų plotį su konkretaus elemento. min-width
Turtas visada yra viršesnis už width
turtą ar po prieš arba po width
savo deklaraciją. Autoriai gali naudoti bet kurią iš ilgio reikšmių, jei jos yra teigiamos.
.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Patikrinkite šį rašiklį!
Būkite atsargūs, kai manote, kad min-width
paveldima, nes ši savybė nepaveldima iš kitų tėvų elementų. Jei autoriai apibrėžia plotį naudodami absoliučią vertę (px, pt, in, cm, mm), min-plotis neturės įtakos, nes plotis buvo apibrėžtas neribotą laiką. Pavyzdžiui, jei 200px reikšmė naudojama kaip width
ilgis, min-width
100px reikšmė nebus būtina, nes jau nurodėte absoliučią reikšmę width
(ty 200px). Geriausias būdas naudoti min-width
apibrėžti width
vertę procentais ir naudoti absoliučią min-width
nuosavybės vertę, kitaip naudojant abiejų procentinę vertę min-width
ir width
neduos laukiamo rezultato.
Naršyklės palaikymas
„Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
---|---|---|---|---|---|---|
24+ | 5.1+ | 18+ | 12.1+ | 8+ | 2.1+ | 3.2+ |
Susijusios savybės
Almanachas 2021 m. Sausio 15 dūgio
.element ( height: 500px; )
Sara Cope