Муқаддима ба верстка барои экранҳои гуногун дар CSS

Дар ҷаҳони муосир сомона бояд дар дастгоҳҳо бо андозаҳои гуногуни экран хуб намоиш дода шавад.

Ҳамчун қоида, дастгоҳҳо ба чор синф ҷудо мешаванд: компютерҳо (desktop), ноутбукҳо, планшетҳо (tablet) ва телефонҳо (mobile).

Пеш, дар замонҳои қадим, андозаҳои маъмули экранҳои ҳамаи дастгоҳҳо маълум буданд, хуб, ки онҳо зиёд набуданд. Ва сомонаҳоро чунон месохтанд, ки онҳо дар рӯйхати маълуми ҳалли экранҳо дуруст намоиш дода шаванд.

Дар вақти ҳозира дастгоҳҳо он қадар зиёд шудаанд, ки имконнопазир аст рӯйхати ҳалли экранҳоро тартиб дод, барои онҳо сомона сохтан лозим аст. Акнун ҳисоб карда мешавад, ки верстка бояд дар экрани ҳар гуна андоза дуруст намоиш дода шавад.

Ин бо тағир додани мавқеи блокҳо дар нуқтаҳои калидии макет даст меояд. Дар ин ҳол ин нуқтаҳои калидӣ на барои дастгоҳҳои муайян интихоб карда мешаванд, балки барои мундариҷаи сомона - ба тавре, ки он хуб дида шавад.

Байн нуқтаҳои калидӣ паҳноии унсурҳои сомона бояд шиновар бошад, то ки он ба паҳноии экран мувофиқ шавад. Ва дар нуқтаҳои калидӣ воқеъ мешавад тағир додани мавқеи блокҳо ба мавқеъҳои дигар.

Версткаи тавсифшуда версткаи мувофиқшаванда ё версткаи посухдиҳанда (responsive) номида мешавад. Омӯзиши онро мо дар дарсҳои оянда идома хоҳем дод.