Адаптивный и отзывчивый дизайн

​Для обес­пе­че­ния хоро­шего отоб­ра­же­ния сай­тов на мобиль­ных устрой­ствах (план­ше­тах и смарт­фо­нах) обычно создаётся отзыв­чи­вый или адап­тив­ный дизайн.

Суть под­хода заклю­ча­ется в изме­не­нии раз­мера и рас­по­ло­же­ния бло­ков, кор­рек­ции раз­мера шриф­тов, а также в отклю­че­нии не самых важ­ных бло­ков в слу­чае, если поль­зо­ва­тель захо­дит на сайт с устрой­ства с неболь­шим экраном. Прилагательные «адап­тив­ный» и «отзыв­чи­вый» чаще всего упо­треб­ля­ются как синонимы. Адаптивность дости­га­ется за счёт исполь­зо­ва­ния раз­ных CSS-сти­лей оформ­ле­ния стра­ни­цы, кото­рые исполь­зу­ются на раз­ных раз­мерах окна бра­у­зера и при раз­ных раз­ре­ше­ниях экрана.

Аль­тер­на­тив­ный под­ход — это созда­ние отдель­ного сайта под мобиль­ные устрой­ства, но этот путь на сего­дняш­ний день не самый пра­виль­ный, так как он не так удо­бен для поль­зо­ва­те­лей и к тому же уве­ли­чи­вает сто­и­мость под­держки этих сайтов.