CSS-те әртүрлі экрандарға арналған бет әзірлеумен танысу

Қазіргі заманғы әлемде сайт әртүрлі экран өлшемі бар құрылғыларда жақсы көрінуі керек.

Әдетте, құрылғылар төрт сыныпқа бөлінеді: компьютерлер (desktop), ноутбуктер, планшеттер (tablet) және телефондар (mobile).

Бұрын, ерте заманда, барлық құрылғылардың танымал экран өлшемдері белгілі болды, олардың саны онша көп емес еді. Және сайттар белгілі тізімдегі ажыратымдылықтарда дұрыс көрінетіндей етіп жасалды.

Қазіргі уақытта құрылғылардың саны сонша көбейді, сайт жасау керек ажыратымдылықтар тізімін жасау мүмкін емес. Қазір бет әзірлеу кез келген экран өлшемінде дұрыс көрінуі керек деп саналады.

Бұған макеттің негізгі нүктелерінде блоктарды қайта құру арқылы жетіледі. Бұл ретте негізгі нүктелер белгілі бір құрылғыларға байланысты емес, сайт контентіне байланысты таңдалады - ол жақсы көрінетіндей етіп.

Негізгі нүктелер аралығында сайт элементтерінің ені өзгермелі болуы керек, бұл оның экран еніне бейімделуіне мүмкіндік береді. Ал негізгі нүктелерде блоктар басқа позицияларға қайта орналасады.

Сипатталған бет әзірлеу бейімді немесе икемді (responsive) деп аталады. Оны зерттеумен біз келесі сабақтарда айналысамыз.