Care este diferența dintre lățimea, min-lățimea și lățimea maximă? Puteți explica același lucru pentru înălțime în CSS?


Răspunsul 1:
  1. Luă-ți browserul de desktop.Grab un colț și începe să faci mai slab și mai slab.
  • Modificați lățimea. Lățimea ar putea fi pentru .exemplu {lățime: 100%;} de dimensiunea respectivă. Dar dintr-o dată, o fotografie spune „Hei, este suficient, nu vreau să mă micșorez în uitare. Voi rămâne de această dimensiune și nu mai mult! ” Acesta este „min-width” .exemplu {min-width: 100px;} Acum avem o bucată de text. Începem acum să folosim o fereastră din ce în ce mai mare. Însă monitorul este atât de mare încât trebuie să mergem pentru a citi sfârșitul liniei și a merge pe partea cealaltă pentru a citi următoarea linie ... Oprim acest lucru folosind lățimea maximă. textul nu va crește de la această valoare. .exemplu {lățime maximă: 1200px;}

Dar la unitățile verticale, avem unele probleme. Calcularea lățimii are ca referință fereastra browserului. Înălțimea este însă liberă, deoarece, în mod normal, se ține cont de cât timp este textul, de exemplu.

Această unitate funcționează numai dacă părintele are o înălțime definită, de exemplu în pixeli .exemplu {înălțime: 500px} sau aveți alte unități verticale, cum ar fi vh, care este înălțimea de vedere (ceva precum lățimea normală: 100%)


Răspunsul 2:

Width definește lățimea unui element din interiorul unui site web.

Lățimea minimă specifică lățimea minimă la care este permis să se extindă elementul. Este posibil să nu doriți niciodată ca un container să fie mai mic de 50% dintr-o pagină sau 50px. Când atinge lățimea specificată, se blochează și pur și simplu nu va trece sub lățimea definită.

Lățimea maximă este relativ același concept, cu excepția faptului că se blochează la lățimea maximă pe care ați definit-o și refuză să se extindă peste aceasta.