Что такое адаптивный веб-дизайн? - определение из техопедии

Определение - Что означает адаптивный веб-дизайн (RWD)?

Адаптивный веб-дизайн (RWD) - это подход в веб-разработке и дизайне, направленный на создание сайтов, обеспечивающих эффективный и привлекательный визуальный опыт с текстом, который легко перемещать без изменения разрешения экрана дисплея.

Эта возможность распространяется на любое устройство или браузер, используемый для просмотра веб-сайта, что означает изменение внешнего вида и макета веб-сайта в зависимости от размера экрана дисплея.

Techopedia объясняет адаптивный веб-дизайн (RWD)

RWD используется для адаптации макета веб-сайта к среде просмотра пользователя с помощью гибких и пропорциональных сеток, гибких изображений и умного использования CSS и сценариев.

RWD использует следующие методы:

• Жидкостные сетки, где размеры элементов изменяются с использованием относительных единиц, таких как проценты, по сравнению с абсолютными единицами, такими как стандартные измерения и пиксели
• Гибкие изображения, которые также измеряются в относительных единицах
• Медиа-запросы каскадных таблиц стилей (CSS), которые позволяют веб-сайту определять тип устройства, размер экрана и возможности браузера, обеспечивая доставку различных правил стиля на основе этих характеристик.
• Серверные компоненты с медиа-запросами, которые обеспечивают более быструю загрузку веб-сайтов - даже при более низкой скорости передачи данных в сотовых сетях.