Резиновая вёрстка
Резиновая вёрстка (liquid, fluid) — вид вёрстки, при которой содержимое интернет-страницы растягивается в зависимости от размера окна браузера. Размеры столбцов задаются не в пикселях, а в процентах от величины экрана, и затем пропорционально масштабируются.
При такой вёрстке блоки тянутся в разные стороны, как резина, отсюда и название. Когда окно увеличивается, увеличивается и ширина элементов страницы. А когда окно уменьшается, уменьшается и ширина элементов.
Плюсы резиновой вёрстки:
- универсальность — сайты с такой вёрсткой подходят для разных дисплеев и выглядят аккуратно, что улучшает опыт пользователя
- экономия ресурсов — создаётся одна версия дизайна, не требуется разрабатывать версии под разные разрешения
- улучшение SEO — внешние ссылки ведут на одну и ту же страницу, а не её разные версии
Минус резиновой вёрстки: часто учитывается только один тип устройств, и на слишком широком или слишком узком экране страница не растянется как надо — расплывётся или сузится так, что будет невозможно прочитать текст.
Узнайте больше в Медиа Нетологии:
Бесплатные курсы по дизайну и UX:
Программы обучения Нетологии по дизайну и UX: