Hyrje në Layout për Ekrane të Ndryshme në CSS

Në botën moderne, një faqe interneti duhet të shfaqet mirë në pajisje me madhësi të ndryshme ekrani.

Zakonisht, pajisjet grupohen në katër klasë: kompjuterë (desktop), laptopë, tableta (tablet) dhe telefona (mobile).

Më parë, në kohët e vjetra, ishin të njohura madhësitë e ekraneve të të gjitha pajisjeve, për fat të mirë nuk kishte shumë prej tyre. Dhe faqet e internetit bëheshin në mënyrë që të shfaqeshin saktë në një listë të njohur rezolucionesh.

Në kohën e tanishme, ka kaq shumë pajisje, sa është e pamundur të krijosh një listë rezolucionesh, për të cilat duhet të krijohet një faqe interneti. Tani konsiderohet që layout-i duhet të shfaqet saktë në çdo madhësi ekrani.

Kjo arrihet duke rirregulluar blloqet në pikat kyçe të layout-it. Ndërsa këto pika kyçe zgjidhen jo për pajisje të caktuara, por për përmbajtjen e faqes - në mënyrë që ajo të duket mirë.

Midis pikave kyçe, gjerësia e elementeve të faqes duhet të jetë lundruese, në mënyrë që të përshtatet me gjerësinë e ekranit. Ndërsa në pikat kyçe ndodh rirregullimi i blloqeve në pozita të tjera.

Layout-i i përshkruar quhet adaptiv ose responsiv (responsive). Studimin e tij do ta vazhdojmë në mësimet në vijim.