Увод у верстање за различите екране у CSS

У савременом свету веб сајт мора да се добро приказује на уређајима са различитим величинама екрана.

Уређаји се генерално деле у четири класе: рачунари (desktop), лаптопови, таблети (tablet) и телефони (mobile).

Раније, у стара времена, биле су познате популарне резолуције екрана свих уређаја, захваљујући чињеници да их није било толико. И сајтови су прављени тако да се коректно приказују на познатој листи резолуција.

Данас је уређаја постало толико много, да је немогуће направити списак резолуција за које треба правити сајт. Сада се сматра да верстање треба да се коректно приказује на екрану било које величине.

То се постиже преуређивањем блокова на кључним тачкама распореда. При томе се ове кључне тачке бирају не за одређене уређаје, већ према садржају сајта - тако да он изгледа добро.

Између кључних тачака ширина елемената сајта треба да буде флексибилна, да би се прилагодила ширини екрана. А на кључним тачкама се дешава премештање блокова на друге позиције.

Овако описано верстање се назива адаптивним или одговорним (responsive). Њеним изучавањем ћемо се бавити у наредним лекцијама.