Что такое жидкий макет?
https://stackoverflow.com/questions/62334
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Мой дизайнер постоянно использует термин "жидкий" макет.Что это значит?
Спасибо за разъяснение, я всегда называл это процентным раскладом и думал, что он имел в виду, что фигуры можно перемещать, и это было жидко
Решение
"Жидкий" макет - это макет сайта, который расширяется, заполняя всю доступную область по мере изменения размера окна браузера.Обычно это делается с помощью CSS.Жидкие макеты могут быть весьма полезны для определенных типов сайтов, но они также, как правило, требуют значительно больше усилий, чем макеты фиксированной ширины, и их полезность зависит от контента сайта и от того, насколько хорошо они реализованы.
Другие советы
От http://www.maxdesign.com.au/presentation/liquid/ :
Все контейнеры на странице имеют свою ширину, определенную в процентах, что означает что они полностью основаны на окне просмотра, а не на начальном содержащем блоке.Плавный макет будет перемещаться при изменении размера вашего окна браузера.
По сути, это макет веб-страницы, который не зависит от конкретных спецификаций ширины элементов на странице.
Смотрите обсуждение по адресу Википедия.
Это означает макет, который динамически настраивается на ширину и высоту браузера (или любого другого клиента), чтобы эффективно использовать все доступное пространство экрана, в отличие от (в основном) макетов фиксированной ширины, которые созданы для соответствия общему знаменателю разрешения в данный конкретный момент времени (напримерразмер 800x600 был нормой для веб-сайтов в течение многих лет).
Жидкие макеты относятся к концепции дизайна веб-сайта.Жидкий макет будет перемещаться при изменении размера окна вашего браузера из-за наличия процентных значений и относительной ширины в CSS.
Это просто означает, что он будет сжиматься / расширяться, чтобы заполнить размер окна браузера (обычно ширину), до определенного момента, если все сделано хорошо.В противном случае текст может стать довольно трудночитаемым на больших (24 дюйма +) мониторах.
Одно из двух:
Дизайн будет масштабироваться в соответствии с шириной браузера (например, если ширина браузера была 1024 пикселя, дизайн тоже будет таким)...хотя это становится довольно забавным при разработке для браузеров шириной 100 пикселей (хотя иногда дизайнеры действительно устанавливают минимальную ширину).
Конструкция имеет фиксированную ширину, но задается при измерении с использованием относительного размера...например, "эм"...таким образом, по мере увеличения размера шрифта увеличивается и ширина страницы.
Жидкий макет - это метод CSS-верстки, который определяет всю ширину в процентах, поэтому области страницы будут увеличиваться / сжиматься при изменении размера области просмотра (окна браузера).
Они очень полезны, если вы пытаетесь создать сайт, который будет соответствовать как большим, так и маленьким экранам.С ними немного сложнее работать, чем с фиксированными макетами, потому что вы отказываетесь от некоторого контроля над тем, как все помещается на странице, и вам приходится уделять очень пристальное внимание своему контенту, чтобы убедиться, что он не развалится эстетически при изменении размера.
Я бы сказал, что жидкие макеты наиболее полезны для сайтов с большим объемом текста и довольно простым расположением столбцов.Вы также можете найти золотую середину с "эластичным" макетом - таким, в котором есть как жидкие, так и фиксированные области.
В настоящем жидком макете ваш контент расширяется и сжимается, чтобы соответствовать окну браузера вашего пользователя осмысленным, просчитанным и интеллектуальным образом.Таким образом, это больше, чем просто настройка ширины столбцов и контейнеров в процентах.
Если все сделано хорошо, это может привести к повышению воспринимаемого качества.Сделано плохо, это кошмар юзабилити.
Выделение жидкости вызывает сильную боль в крестце.Однако это того стоит, если тема / клиент / продукт (ы), для которых вы создаете сайт, имеют высокое визуальное качество (например, сайт о летних блокбастерах), требуют определенной подгонки и отделки или если ему необходимо отображать большие куски данных.
Примечание:Я обновлю это чуть позже, снабдив ссылками на хорошие примеры и цитатами для моих утверждений
