Unități CSS. Lungimi relative. Proprietatea lenght. Unitățile de lungime relativă: em, ex, ch, rem, vw, vh, vmin, vmax, %.
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
Lungimi relative (Relative Lengths)
Unitățile de lungime relativă specifică o lungime relativă la o altă proprietate lungime (length). Unitățile de lungime relativă scalează mai bine între diferite medii de redare.
Sfat: Unitățile em și rem sunt practice în crearea unui aspect scalabil perfect!
* Viewport = dimensiunea ferestrei browserului. Dacă viewport are 50cm lățime, 1vw = 0,5cm.
Unitățile de lungime relativă specifică o lungime relativă la o altă proprietate lungime (length). Unitățile de lungime relativă scalează mai bine între diferite medii de redare.
| Unitate | Descriere | |
|---|---|---|
| em | În raport cu dimensiunea fontului elementului (2em înseamnă de 2 ori dimensiunea fontului curent) | Încercă-l |
| ex | În raport cu înălțimea x a fontului curent (rar folosit) | Încercă-l |
| ch | În raport cu lățimea "0" (zero) | Încercă-l |
| rem | Relativ la dimensiunea fontului elementului rădăcină | Încercă-l |
| vw | În raport cu 1% din lățimea afișajului * | Încercă-l |
| vh | În raport cu 1% din înălțimea viewport * | Încercă-l |
| vmin | În raport cu 1% din dimensiunea mai mică a portofoliului * | Încercă-l |
| vmax | În raport cu 1% din dimensiunea mai mare a portofoliului * | Încercă-l |
| % | În raport cu elementul părinte | Încercă-l |
Sfat: Unitățile em și rem sunt practice în crearea unui aspect scalabil perfect!
* Viewport = dimensiunea ferestrei browserului. Dacă viewport are 50cm lățime, 1vw = 0,5cm.
Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
