Un ghid rapid pentru punctele verticale de rupere

Bine ați venit la un alt tutorial Envato Tuts + screencast! În acest videoclip vă voi oferi o introducere rapidă în utilizarea punctelor de intersecție CSS verticale.

Fragmentele sunt sinonime cu designul web receptiv; acestea sunt punctele la care alegeți să modificați aspectul unui design. De exemplu, 768px este o lățime a ferestrei de afișare frecvent utilizată, sub care ar putea să doriți să aranjați aspectul pentru dispozitivele mobile și deasupra cărora ați putea gândi mai mult în ceea ce privește desktopul. 

Cu toate acestea, punctele de întrerupere nu se aplică numai pe orizontală, la lățimea ferestrei de vizualizare; acestea ar putea intra în vigoare din mai multe motive diferite. În acest tutorial vom examina punctele de intersecție verticale, care sunt aplicate în raport cu înălțimea ferestrei de vizualizare. Noi le folosim cu min înălțime și max înălțime proprietăți în interogările mass-media CSS. Să aruncăm o privire mai profundă.

În acest videoclip ne uităm la următoarele scenarii:

• Modificarea distanței și dimensiunilor fontului în ferestrele scurte de vizualizare.
• Ajustarea dimensiunilor de navigație mobile în ferestrele scurte de vizualizare.
• Efectuarea unui antet sau a unui subsol fix, numai atunci când există suficient spațiu.
• Ajustarea secțiunilor cu ecran complet pentru porturile scurte de vizualizare.

Asigurați-vă că descărcați fișierele sursă de urmat.

Citirea în continuare