Жидкий макет против фиксированного макета: какой выбрать?

Question

В этот вопрос , в самом голосуемом ответе сказано:

Использовать жидкие макеты

Почему это считается хорошей практикой?Мое мнение таково, что распознать жидкие макеты сложнее, потому что они могут сильно варьироваться от одного размера окна к другому ... Стоит ли дополнительная сложность?Что я должен учитывать, чтобы сделать выбор?

Answer 1

Хм, я не согласен с этим. С макетом с фиксированной шириной вы можете создать что-то, что будет отображаться одинаково во всех браузерах.

Я давно занимаюсь веб-дизайном и разработкой, и было очень мало раз, когда я использовал жидкие макеты на сайте.

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

Просто оглянись вокруг. Посмотрите сайты, которые имеют ликвидный макет и спросите себя, почему они имеют жидкий макет. Например, есть ли у них области динамического / изменяющегося текста? Много информации, чтобы показать? Отсутствие визуального / графического дизайна? Это очень субъективная область, но вам придется выбирать между. Ваш сайт выглядит лучше фиксированным или жидким? Вы хотите, чтобы люди с огромными мониторами (например, я - 27-дюймовый компьютер imac) видели ваш веб-сайт действительно толстым? Я ненавижу просматривать amazon на моем mac!

Answer 2

Правильный выбор зависит от ваших потребностей.

Жидкие макеты, возможно, сложнее понять и реализовать, но вы получаете гибкость .

Гибкая компоновка означает, что он может легко адаптировать к различным разрешениям экрана.

После того, как вы сделали свой ликвидный макет, вы можете адаптировать его также для мобильных веб-сайтов (если это еще не сделано) с парой изменений, в основном правил CSS.

Благодаря быстрому темпу появления новых технологий (новые устройства, новые экраны, новые разрешения, 16: 9, 16:10, Full HD и т. Д.) Вы можете легко реализовать макет, который без проблем отображается при различных разрешениях. на разных дисплеях.

Это то, для чего предназначены жидкостные макеты.

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

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

Answer 3

Персонал Я считаю, что с жидкими макетами всегда сложнее работать, но они выглядят лучше, когда он хорошо спроектирован.

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

• http://www.designbyfire.com/liquid_blueprint/tests/liquid.html проектная жидкость
• http://www.designinfluences.com/fluid960gs/ Жидкость 960 Grid System