Адаптивная верстка

Адаптивная верстка – это процесс формирования веб-страниц, которые будут автоматически подстраиваться под формат экрана устройства, с которого осуществляется просмотр веб-ресурса. Другими словами, это создание сайта по макету, который будет одинаково хорошо смотреться на любом устройстве, подключенном к сети Интернет, будь то телефон, планшет или домашний ПК.

В современных реалиях разработка сайтов с адаптивным дизайном является приоритетным направлением в сайтостроении, так как количество мобильных гаджетов с выходом в Интернет ежедневно растет. Раньше для этих целей создавалась мобильная версия сайта, что влекло за собой дополнительные затраты на разработку и поддержку новой платформы.

В случае адаптивной верстки отдельные элементы сайта подстраиваются под определенное разрешение экрана устройства, меняя свое поведение (иерархию, вложенность и т.д.), скрываются или заменяются другими. Кроме того, адаптивный дизайн по умолчанию является кроссбраузерным, так как верстка подстраивается под определенные устройства, а не под браузеры.

Также не стоит путать данный вид верстки с отзывчивым дизайном, который является более распространенным из-за простоты реализации. Отзывчивый дизайн является всего лишь набором разметки и стилей, которые изменяются в зависимости от размера экрана гаджета, без изменения поведения отдельных элементов.