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

Во современiot свет веб-страницата мора да изгледа добро на уреди со различни големини на екранот.

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

Порано, во древните времиња, беа познати популарните големини на екраните на сите уреди, затоа што немаше многу од нив. И веб-страните беа направени така што се прикажуваа коректно на познатиот список на резолуции.

Во денешно време стана толку многу уреди, што е невозможно да се состави список на резолуции за кои треба да се направи веб-страница. Сега се смета deka верстката треба коректно да се прикажува на екран со било која големина.

Ова се постигнува со преуредување на блоковите во клучните точки на распоредот. Притоа овие клучни точки не се избираат за одредени уреди, туку за содржината на веб-страницата - така што таа ќе изгледа добро.

Помеѓу клучните точки, ширината на елементите на веб-страницата треба да биде флексибилна, за да се прилагоди на ширината на екранот. А во клучните точки се случува преуредување на блоковите во други позиции.

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