Uvod v postavitev za različne zaslone v CSS

V sodobnem svetu mora spletna stran izgledati dobro na napravah z različnimi velikostmi zaslona.

Običajno naprave razvrstimo v štiri razrede: namizni računalniki (desktop), prenosniki, tablični računalniki (tablet) in telefoni (mobile).

V preteklih, starih časih, so bila znana priljubljene velikosti zaslonov vseh naprav, na srečo jih ni bilo tako veliko. In spletne strani so bile narejene tako, da so se pravilno prikazovale na znanem seznamu ločljivosti.

Trenutno je naprav postalo toliko, da je nemogoče sestaviti seznam ločljivosti, za katere je treba narediti spletno stran. Zdaj velja, da se mora postavitev pravilno prikazati na zaslonu katere koli velikosti.

To dosežemo s preoblikovanjem blokov na ključnih točkah postavitve. Pri tem te ključne točke izberemo ne za določene naprave, temveč za vsebino spletne strani - tako, da je videti dobro.

Med ključnimi točkami naj bi bila širina elementov spletne strani spremenljiva, da se prilagodi širini zaslona. In na ključnih točkah pride do preoblikovanja blokov v druge položaje.

Opisana postavitev se imenuje prilagodljiva ali odzivna (responsive). Z njenim preučevanjem se bomo ukvarjali v nadaljnjih lekcijah.