А что значит адаптивный дизайн?
Многие заказчики задаются вопросом: А что же такое адаптив сайта и что это значит?
Адаптивный сайт всегда можно без проблем смотреть на любом устройстве: телефон, планшет, ноутбук, компьютер. Наглядно на конкретных примерах можно просмотреть ниже.
На компьютере адаптивный сайт выглядит так:
А не адаптивный так:
На телефоне выглядит следующим образом - адаптив и неадаптив:
Не адаптивный сайт на телефоне выглядит иначе.
На планшете будет выглядеть так:
Все элементы в адаптивке видно также, как и на планшете и на компьютере, только в меньшем или большем варианте.
Когда вариант не адаптивный рассмотреть что либо довольно сложно и нажимать на кнопки неудобно, приходиться прокручивать полосу прокрутки, увеличивать экран до нужно размера, что порой вызывает трудности и разглядеть все элементы сразу и в общем не получается.
В адаптивном варианте все блоки перестраиваются в зависимости от размера экрана.
Для того, чтобы проверить у вас адаптивный дизайн сайта или нет вы можете зайдя на сайт Quirktools.com или Responsinator.com
Существуют контрольные точки ширины экрана, в зависимости от которых делается адаптивная верстка сайта. Если говорить о максимальной ширине экрана монитора компьютера, то это 1000 пикселей, ширина экрана планшета – 800 пикселей, смартфона – 420 пикселей. В зависимости от этих параметров делается адаптивная верстка.
Еще есть такой параметр «pixelDensity», он уменьшает экран пропорционально размерам устройства (умное масштабирование).
Пример воспроизведения адаптивного сайта на телефоне:
Комментарии (0)