Под адаптивностью сайта обычно подразумевается его способность частично изменять дизайн с целью корректного отображения на устройствах с различными размерами экрана.
Звучит сложно, но понять это довольно просто: откройте одну и ту же страницу сайта на ПК, планшете и мобильном телефоне. Адаптивный сайт подстроится под каждое устройство и позволит удобно и быстро найти необходимую вам информацию. Если же адаптивность отсутствует, то дизайн просто (в лучшем случае) пропорционально уменьшится.
Отсюда можно сделать важный вывод: адаптивный дизайн — не просто уменьшение элементов страницы, чтобы она поместилась на узком экране мобильного телефона. Это отдельные, часто упрощенные версии дизайна для каждого устройства.
Для ПК вы можете разместить на странице большой слайдер с красочными и привлекательными изображениями. На мобильном телефоне этот слайдер станет либо очень маленьким — с более простыми для восприятия изображениями, либо будет отсутствовать вообще, так как на маленьком изображении вряд ли получится что-то рассмотреть.
Некоторые секции могут быть вынесены на отдельные страницы, некоторые — полностью видоизмениться. К примеру, сложное многоуровневое меню превратится в маленькую иконку, которая при клике пошагово открывает уровни навигации.
Адаптивный дизайн — это большой объём работы дизайнера и верстальщика: необходимо адаптировать первоначальный дизайн сайта под несколько разрешений, а потом их сверстать.
При этом бюджет проекта может увеличиться на 20-30%, но адаптивность на сегодняшний день — функция не просто полезная, но необходимая: доля мобильного трафика в сети интернет постоянно растёт, и терять эту часть аудитории — непозволительная роскошь для любого бизнеса.