Адаптивный дизайн сайта

/ Просмотров: 916

Сообщаем, что наш сайт имеет адаптивный дизайн. То есть, его содержимое можно удобно просматривать на различных устройствах: как на экране компьютера, так и на мобильных устройствах - планшетах, телефонах.

Максимальная ширина страницы сайта имеет ширину 1140 px. И если Ваш экран имеет ширину больше, чем данное значение, то слева и справа от страницы появляются поля. Страница приобретает такой вид:

Если разрешение Вашего экрана меньше 1140 px, Вы не увидите боковых пустых полей. Наоборот, меньшая ширина экрана (а точнее - браузера) будет способствовать сжатию основной колонки страниц сайта и удлинению страниц сайта. Страницы сайта будут сжиматься без каки-либо существенных изменений вплоть до ширины 767 px. Сжатие страницы сайта будет сопровождаться уменьшением масштаба рисуноков и фотографий, увеличением числа строк в тексте, в таблицах. Однако взаимное разменение элементов - меню, основного и бокового столбца будет неизменным. Страницы сайта будут иметь просто более сжатый вид:

Ну и наконец, если разрешение Вашего устройства менее 767 px, а это относится ко многим мобильным устройствам, структура страниц сайта несколько изменяется - преображается меню, боковая колонка отображается ниже основной колонки, которая теперь занимает всю ширину экрана:

Вы можете попробовать увидеть все варианты отображения нашего сайта прямо за экраном настольного компьютера! Для этого не обходимо с помощью мышки начать уменьшать ширину Вашего браузера (предварительно выйдя из полноэкранного режима, если он включен). Пробуйте! Вы увидите как выглядит та или иная страница на мобильных устройствах!

Яндекс.Метрика