Регистрация
Зарегистрируйся на сайте и получи доступ к полному контенту сайта и подпискам бесплатно!

Адаптивная верстка сайта

Адаптивная верстка сайта (responsive makeup, англ. “отзывчивая верстка”) — это создание структуры html-кода, размещающего элементы веб-страницы в окне браузера таким образом, чтобы гарантировать правильное отображение сайта на различных устройствах, и динамически подстраиваться под заданные размеры окна браузера.

В отличии от создания сайта с мобильной версией, адаптивная верстка не требует столько сил и времени, так как создавая каркас сайта веб-мастер концентрирует все свои усилия на создании одной версии проекта, вместо двух.

Основным минусом работы с адаптивной версткой некоторые веб-мастера долгое время называли ее сложность. Однако с появлением CSS 3 создать шаблон адаптивной вёрстки стало намного проще.

Принципы адаптивной вёрстки:

  • Использование “резинового” макета
  • “Резиновые” изображения
  • Использование медиа запросов
  • Необходимость думать об отображении на мобильных устройствах с самого начала создания создания

Особенности адаптивной вёрстки:

  • Разработка дизайна сайта с учётом отображения на всём спектре разрешений
  • Вёрстка с помощью каскадных таблиц стилей с использованием технологии медиа запросов
  • Программирование на стороне как клиента, так и сервера для передачи мобильным устройствам изображения меньшего объёма и разрешения

Лучшее видео в категории «Адаптивная верстка сайта»

Новые видео

Еще видео