Адаптивный веб-дизайн (Responsive Web Design) — дизайн веб-сайтов и страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.
Целью адаптивного веб-дизайна является универсальность отображения содержимого веб-сайта для различных устройств. Для того, чтобы сайт было удобно просматравить с мобильных и планшетов, с различных экранов и форматов любого разрешения (iOS, Android, iPad Retina, FullHD, др.), т.е веб-сайт, созданный по технологии адаптивного веб-дизайна универсален, и не нужно создавать отдельные версии сайта для отдельных видов устройств. Один сайт может прекрасно работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств
Достоинства:
- Один сайт для разных платформ. Не нужно тратиться на создание мобильной версии или приложения
- Увеличение количества посетителей за счет мобильных пользователей
- Эффективное отображение на новейших устройствах с разрешением Retina/Full HD.
Недостатки:
- На сайте может быть масса информации, которая замедляет загрузку страницы
- Скроллинг больших страниц превращается в мало увлекательное соревнование «Найди нужное место»
- Отсутствие возможности посмотреть полную версию сайта.
Если коротко, то адаптивный дизайн - это дизайн сайта, который корректно отображается (и удобен для восприятия) на любом устройстве (телевизор, планшет, телефон, компьютер и прочие).