Что такое жидкая раскладка?

Question

Мой дизайнер постоянно выбрасывает термин «жидкий» макет. Что это значит?

Спасибо за разъяснение, я всегда просто называл это макетом в процентах и ​​думал, что он говорил, что кусочки можно перемещать, и это была жидкость

Answer 1

«Жидкий» макет - это макет сайта, который расширяется, чтобы заполнить всю доступную область при изменении размера окна браузера. Обычно это делается с помощью CSS. Жидкие макеты могут быть весьма полезны для определенных типов сайтов, но они также, как правило, требуют значительно больше усилий, чем макеты с фиксированной шириной, и их полезность зависит от содержимого сайта и от того, насколько хорошо они реализованы.

Answer 2

С http://www.maxdesign.com.au/presentation/liquid/:

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

Answer 3

Смотрите это: http://www.time -tripper.com / uipatterns / Liquid_Layout

Answer 4

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

Answer 5

По сути, это макет веб-страницы, который не зависит от конкретной спецификации ширины для элементов на странице.

См. Обсуждение на Википедии .

Answer 6

В истинном макете Liquid ваш контент расширяется и сжимается, чтобы соответствовать окну браузера вашего пользователя осмысленным, просчитанным и интеллектуальным способом. Так что это больше, чем просто установка ширины столбца и контейнера в процентах.

Сделано хорошо, это может привести к увеличению воспринимаемого качества. Сделано плохо, это кошмар юзабилити.

Going Liquid - огромная боль в попе. Боль стоит того, хотя, если тема / клиент / продукт (ы), для которого вы строите сайт, имеют хорошее визуальное качество (например, сайт летнего кино), требуют определенной подгонки и отделки, или если она должна отображаться большие куски данных.

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

Answer 7

Жидкий макет - это метод CSS-макета, который определяет все значения ширины в процентах, поэтому области страницы будут увеличиваться / уменьшаться при изменении размера области просмотра (окна браузера).

Они очень полезны, если пытаются создать сайт, который будет умещаться как на больших, так и на маленьких экранах. Работать с ними немного сложнее, чем с фиксированными макетами, потому что вы отказываетесь от некоторого контроля уровня того, как все помещается на странице, и вы должны очень внимательно следить за своим контентом, чтобы он не упал кроме эстетического размера.

Я бы сказал, что жидкостные макеты наиболее полезны для текстовых сайтов с довольно простым расположением столбцов. Вы также можете найти счастливую среду с «упругой» компоновкой, которая имеет как жидкие, так и фиксированные области.

Answer 8

Один из двух:

• Дизайн будет масштабироваться до ширины браузера (например, если бы браузер был шириной 1024 пикселя, дизайн тоже будет) ... хотя это довольно забавно при разработке для браузеров шириной 100 пикселей ( хотя когда-нибудь дизайнеры на самом деле установят минимальную ширину).

• Дизайн имеет фиксированную ширину, но задается в измерении с использованием относительного размера ... например, "em" ... так что при увеличении размера шрифта ширина страницы увеличивается.

Answer 9

Это просто означает, что он сжимается / расширяется, чтобы заполнить размер окна браузера (обычно ширину), до определенной точки, если дела идут хорошо. В противном случае текст может стать довольно трудным для чтения на больших (24 "+) мониторах.

Answer 10

Жидкие макеты относятся к концепции дизайна веб-сайта. Жидкий макет будет перемещаться и уменьшаться при изменении размера окна браузера из-за наличия процентов и относительной ширины в CSS.