Некоторые виды макетов веб-страницы:

1. Фиксированный (статический) макет. 1 Имеет заранее заданные размеры контейнеров и элементов, что делает его одинаково выглядящим на всех устройствах. 1
2. Резиновый (жидкий) макет. 1 Строится на процентном соотношении ширины элементов к ширине окна браузера. 1 Такой подход позволяет содержимому сайта тянуться или сжиматься при изменении размера окна браузера. 1
3. Адаптивный макет. 1 Предполагает создание нескольких версий страницы для различных размеров экрана. 1 В основном это достигается за счёт использования CSS media queries, которые активируют определённые стилевые правила при достижении определённой ширины экрана. 1
4. Отзывчивый макет. 1 Объединяет элементы резинового и адаптивного дизайнов. 1 Отзывчивые сайты автоматически меняют свою компоновку для оптимального отображения контента на любом устройстве. 1 Это достигается благодаря гибкому распределению элементов, которое зависит от размера экрана пользователя. 1
5. Макет в виде сетки. 2 Макеты на основе сетки используют сетчатую структуру для организации элементов контента. 2 В них используются столбцы, строки и модули для создания упорядоченного и эстетически приятного макета. 2
6. Асимметричная планировка. 2 В отличие от сбалансированных дизайнов, в асимметричных планировках используются различные формы, расположение и визуальный вес для создания необычного внешнего вида. 2