Каталог курсов
Учиться бесплатно

Резиновая вёрстка

Резиновая вёрстка (liquid, fluid) — вид вёрстки, при которой содержимое интернет-страницы растягивается в зависимости от размера окна браузера. Размеры столбцов задаются не в пикселях, а в процентах от величины экрана, и затем пропорционально масштабируются.

При такой вёрстке блоки тянутся в разные стороны, как резина, отсюда и название. Когда окно увеличивается, увеличивается и ширина элементов страницы. А когда окно уменьшается, уменьшается и ширина элементов.

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

Минус резиновой вёрстки: часто учитывается только один тип устройств, и на слишком широком или слишком узком экране страница не растянется как надо — расплывётся или сузится так, что будет невозможно прочитать текст.

Узнайте больше в Медиа Нетологии:

Бесплатные курсы по дизайну и UX:
Программы обучения Нетологии по дизайну и UX:
← В глоссарий