CSS-de dürli ekranlar üçin sahypa düzümine giriş

Häzirki dünýäde web sahypasy dürli ekran ölçegli enjamlarda gowy görünmeli.

Esasan, enjamlar dört klassa bölünýär: kompýuterler (desktop), noutbuklar, planshetler (tablet) we telefonlar (mobile).

Ozalky, gadymy döwürlerde, ähli enjamlaryň meşhur ekran ölçegleri belli bolupdy, şükür, olaryň sany örän köp däldi. Web sahypalary bolsa, belli sanawdaky çözgütlerde dogry görkezilmegi üçin ýasalardy.

Häzirki wagtda enjamlaryň sany şeýle köpeldi, web sahypasyny ýasamak üçin zerur bolan çözgütleriň sanawyny düzmek mümkin däldi. Häzir, sahypa düzüminiň islendik ekran ölçeginde dogry görkezilmegi hasap edilýär.

Bu, bloklary maketiň açar nokatlarynda gaýtadan gurmak arkaly ýerine ýetirilýär. Şol açar nokatlar bolsa, belli bir enjamlara däl-de, web sahypanyň mazmuny boýunça saýlanýar - onuň gowy görünmegi üçin.

Açar nokatlar arasynda, web sahypa elementleriniň inişi üýtgeýär, şeýlelik-de ol ekran inişine uýgunlaşýar. Açar nokatlarda bolsa, bloklar beýleki ýerlere gaýtadan ýerleşdirilýär.

Beýan edilen sahypa düzümi uýgunlaşýan ýa-da jogap berýän (responsive) diýlip atlandyrylýar. Onuň öwrenilmegi bilen biz indiki sapaklarda meşgullanarys.