CSS ekraanilõikude tutvustus

Tänapäeva maailmas peab veebisait olema kuvatud hästi seadmetes erineva ekraani suurusega.

Tavaliselt jaotatakse seadmed nelja klassi: arvutid (desktop), sülearvutid, tahvelarvutid (tablet) ja telefonid (mobile).

Varem, iidsetel aegadel, olid teada populaarsed ekraanide suurused kõigil seadmetel, õnneks neid polnud nii palju. Ja saitide tehti nii, et need kuvataks korrektselt teadaoleval eraldusvõime loendil.

Praegusel ajal on seadmeid saanud nii palju, et pole võimalik koostada eraldusvõimete loendit, mille jaoks sait tuleb teha. Praegu arvatakse, et veebilehe kujundus peaks kuvama korrektselt igal ekraani suurusel.

See saavutatakse plokkide ümberpaigutamisega lehe mustri põhipunktides. Samal ajal valitakse need põhipunktid mitte kindlate seadmete jaoks, vaid saidi sisu jaoks - nii et see näeks välja hea.

Põhipunktide vahel peaks elementide laius saidil olema ujuv, et see kohaneks ekraani laiusega. Ja põhipunktides toimub plokkide ümberpaigutamine teistesse positsioonidesse.

Kirjeldatud veebilehe kujundust nimetatakse adaptiivseks või responsoivseks (responsive). Selle uurimisega me tegeleme järgmistes õppetükides.