Įvadas į įvairių ekranų maketavimą CSS

Šiuolaikiniame pasaulyje svetainė turi gerai atrodyti įrenginiuose su įvairiais ekranų dydžiais.

Paprastai įrenginiai skirstomi į keturias klases: kompiuteriai (desktop), nešiojamieji kompiuteriai, planšetiniai kompiuteriai (tablet) ir telefonai (mobile).

Senaisiais laikais buvo žinomi populiarūs visų įrenginių ekranų dydžiai, laimei, jų nebuvo tiek daug. Ir svetainės buvo daromos taip, kad jos teisingai atrodytų žinomame raiškos sąraše.

Dabar įrenginių tapo tiek daug, kad neįmanoma sudaryti raiškos sąrašo, kuriam reikia kurti svetainę. Šiuo metu manoma, kad maketas turi teisingai rodytis bet kokio dydžio ekrane.

Tai pasiekiama perstatant blokus esminiuose maketo breakpoint'uose. Tuo tarpu šie breakpoint'ai renkami ne pagal konkrečius įrenginius, o pagal svetainės turinį – taip, kad jis atrodytų gerai.

Tarp breakpoint'ų elementų plotis turi būti lankstus, kad jis prisitaikytų prie ekrano pločio. O breakpoint'uose vyksta blokų perstatinėjimas į kitas pozicijas.

Aprašytas maketavimas vadinamas adaptyviu arba reaktyviu (responsive). Jo tyrimu mes ir užsiimsime kitose pamokose.