Ар кандай экрандар үчүн CSS менен ийилчээк версткага киришүү

Заманбап дүйнөдө сайт ар кандай экран өлчөмү бар түзмөктөрдө жакшы көрүнүшү керек.

Адатта түзмөктөр төрт классчага бөлүнөт: компьютерлер (desktop), ноутбуктар, планшеттер (tablet) жана телефондор (mobile).

Мурда, байыркы замандарда, бардык түзмөктөрдүн атактуу экран өлчөмдөрү белгилүү болчу, өзгөчө, алар анча көп эмес. Сайттарды ошондой кылып жасашчу, алар белгилүү тизмедеги чечимдерде туура көрүнүшү үчүн.

Азыркы учурда түзмөктөр ушунчалык көп болуп, анын астында сайт жасалуучу чечимдердин тизмесин түзүү мүмкүн эмес. Азыр сайттын версткасы ар кандай өлчөмдөгү экранда туура көрүнүшү керек деп эсептелет.

Бул макеттин негизги чекиттеринде блокторду кайра куруу менен жетишилет. Бул негизги чекиттер белгилүү бир түзмөктөргө ылайык эмес, ал эми сайттын мазмунуна ылайык тандалып алынат - анын жакшы көрүнүшү үчүн.

Негизги чекиттердин ортосунда сайттын элементтеринин туурасы плавающий болушу керек, ал экрандын туурасына ылайыкташат. Ал эми негизги чекиттерде блоктор башка позицияларга кайра курулат.

Сүрөттөлгөн верстка адаптивдик же жооп берүүчү (responsive) деп аталат. Анын изилдөөсү менен биз кийинки сабактарда алектенебиз.