Адаптивная верстка сайта – один из самых популярных способов сделать так, чтобы ресурс красиво выглядел на всех мобильных устройствах сразу. Благодаря гибкому макету адаптивный сайт корректно выводится как на смартфонах, так и на планшетах. Размер экрана при этом вообще не играет никакой роли.
Адаптивная верстка – это скорее техническая особенность дизайна. Соответствующие правила добавляются не только под размеры экрана устройства, но и под другие параметры. Например, под retina-дисплеи (для максимально возможного качества изображения) или под «режим» работы браузера. Адаптивная верстка тесно связана с JS, HTML и CSS. Главная цель адаптивного макета – плавное изменение структуры сайта под конкретный экран.
Продуманная адаптивная верстка одинаково хорошо выводит страницу во всех браузерах. Это огромное преимущество: далеко не все будут открывать ваш сайт с последних «Айфонов» или обновленного Google Chrome. Задействовав адаптивную верстку страниц лишь однажды, вы сможете больше не беспокоиться о том, что сайт будет криво открываться на специфических устройствах. Например, на старом смартфоне с устаревшей версией браузера.
