Uvod u prilagođavanje stranica za različite ekrane u CSS-u

U savremenom svetu, veb sajt mora da se dobro prikazuje na uređajima sa različitim veličinama ekrana.

Uređaji se obično svrstavaju u četiri klase: kompjuteri (desktop), laptopovi, tableti (tablet) i telefoni (mobile).

Ranije, u davna vremena, postojale su poznate popularne veličine ekrana za sve uređaje, s obzirom da ih nije bilo toliko mnogo. I sajtovi su se pravili tako da se ispravno prikazuju na poznatoj listi rezolucija.

Danas je uređaja postalo toliko mnogo, da je nemoguće sastaviti listu rezolucija za koje treba praviti sajt. Danas se smatra da dizajn stranice treba da se ispravno prikazuje na ekranu bilo koje veličine.

Ovo se postiže preuređivanjem blokova na ključnim tačkama rasporeda (layouta). Pored toga, ove ključne tačke se biraju ne za određene uređaje, već prema sadržaju sajta – tako da on izgleda dobro.

Između ključnih tačaka, širina elemenata sajta treba da bude promenljiva (tekuća), kako bi se prilagodila širini ekrana. A na ključnim tačkama se dešava premeštanje blokova u druge pozicije.

Opisani način kreiranja stranica se naziva adaptivni ili prilagodljivi dizajn (responsive). Njegovim proučavanjem ćemo se baviti u narednim lekcijama.