Bevezetés a különböző képernyőkhez való weblaptervezés CSS-ben

A modern világban egy weboldalnak jól kell megjelennie különböző képernyőméretekkel rendelkező eszközökön.

Általában az eszközöket négy osztályba sorolják: számítógépek (desktop), laptopok, tabletek (tablet) és telefonok (mobile).

Régen, a hajdan időkben, ismertek voltak az összes eszköz népszerű képernyőméretei, szerencsére nem volt olyan sok belőlük. És a weboldalakat úgy készítették, hogy azok helyesen jelenjenek meg az ismert felbontási listán.

Jelenleg annyi eszköz lett, hogy lehetetlen összeállítani a felbontások listáját, amelyekre a weboldalt készíteni kell. Most úgy vélik, hogy a weblaptérképnek helyesen kell megjelennie bármilyen méretű képernyőn.

Ezt a blokkok átépítésével érik el a makett kulcspontjainál. Eközben ezeket a kulcspontokat nem bizonyos eszközökhöz választják, hanem a weboldal tartalma alapján - úgy, hogy az jól nézzen ki.

A kulcspontok között az elemek szélessége lebegőnek kell lennie, hogy az alkalmazkodjon a képernyő szélességéhez. A kulcspontoknál pedig a blokkok átépülnek más pozíciókba.

A leírt weblaptervezést adaptívnak vagy reszponzívnak (responsive) nevezik. Ennek tanulmányozásával fogunk foglalkozni a következő leckékben.