CSS-də Müxtəlif Ekranlar üçün Veb Səhifə Düzəltməyə Giriş

Müasir dünyada veb sayt müxtəlif ekran ölçüləri olan cihazlarda yaxşı görünməlidir.

Adətən cihazlar dörd sinfə ayrılır: kompüterlər (desktop), noutbuklar, planshetlər (tablet) və telefonlar (mobile).

Keçmişdə, qədim zamanlarda, bütün cihazların məşhur ekran ölçüləri məlum idi, xoşbəxtlikdən onların sayı çox deyildi. Və saytlar həmin məlum ölçülər siyahısı üçün düzgün görünəcək şəkildə hazırlanırdı.

Hazırda cihazların sayı o qədər çox oldu ki, veb saytın hazırlanacağı ölçülərin siyahısını tərtib etmək mümkün deyil. İndi belə hesab olunur ki, veb səhifə düzümü istənilən ölçüdə ekranda düzgün görünməlidir.

Buna, blokların layihənin əsas nöqtələrində yenidən düzülməsi əldə edilir. Eyni zamanda, bu əsas nöqtələr müəyyən cihazlar üçün deyil, saytın məzmunu üçün seçilir - onun yaxşı görünməsi üçün.

Əsas nöqtələr arasında, sayt elementlərinin eni üzən olmalıdır, belə ki, o, ekranın eninə uyğunlaşsın. Əsas nöqtələrdə isə bloklar başqa mövqelərə dəyişir.

Təsvir olunan veb səhifə düzümü adaptiv və ya responsiv (responsive) adlanır. Onun öyrənilməsi ilə biz növbəti dərslərdə məşğul olacağıq.