Inleiding tot Uitleg vir Verskillende Skerms in CSS

In die moderne wêreld moet 'n webwerf goed vertoon op toestelle met verskillende skermgroottes.

Oor die algemeen word toestelle in vier klasse ingedeel: rekenaars (desktop), skootrekenaars, tablette (tablet) en telefone (mobile).

Vroeër, in die ou dae, was die gewilde skermgroottes van alle toestelle bekend, aangesien daar nie so baie was nie. En webwerwe is gemaak sodat dit korrek vertoon word op die bekende lys resolusies.

Tans het daar so baie toestelle geword, dat dit onmoontlik is om 'n lys resolusies saam te stel, waarvoor 'n webwerf gemaak moet word. Tans word daar aanvaar dat die uitleg korrek moet vertoon word op enige skermgrootte.

Dit word bereik deur blokke in sleutel- punte van die uitleg te herrangskik. Hierdie sleutelpunte word egter nie gekies vir spesifieke toestelle nie, maar vir die inhoud van die webwerf - sodat dit goed lyk.

Tussen die sleutelpunte moet die breedte van elemente van die webwerf vloeibaar wees, sodat dit aanpas by die skermbreedte. En by die sleutelpunte gebeur daar herrangskikking van blokke na ander posisies.

Die beskryfde uitleg word aanpasbaar of responsiewe (responsive) genoem. Ons sal dit bestudeer in die volgende lesse.