Адаптивная вёрстка
Способ создания сайта, при котором страницы автоматически подстраиваются под размер экрана устройства.
Адаптивная вёрстка (Responsive Design) обеспечивает удобный просмотр сайта на любых устройствах: десктопе, ноутбуке, планшете, смартфоне. Блоки страницы перестраиваются в зависимости от ширины экрана.
Зачем нужна адаптивность
- Более 60% трафика сегодня идёт с мобильных устройств
- Яндекс и Google понижают неадаптивные сайты в мобильной выдаче
- Пользователь уходит с сайта если приходится масштабировать и скроллить горизонтально
Как проверяют адаптивность
Откройте сайт на смартфоне или измените размер окна браузера — контент должен перестраиваться без горизонтальной прокрутки, кнопки и ссылки должны быть достаточно крупными для нажатия пальцем.