Жидкие макеты все еще актуальны? - PullRequest
10 голосов
/ 15 сентября 2008

Теперь, когда большинство основных браузеров поддерживают полный масштаб страницы (в настоящее время единственным заметным исключением является Google Chrome), больше не нужны жидкие или эластичные макеты? Стоит ли относительная боль построения жидких / эластичных макетов? Есть ли ситуации, в которых расположение жидкости все равно будет полезным? Является ли полное масштабирование страницы реальным решением, на первый взгляд?

Ответы [ 10 ]

15 голосов
/ 15 сентября 2008

Да, потому что существует огромное разнообразие экранов, обычно в диапазоне от 15 "до 32". Есть также некоторые различия в том, что люди считают «удобным» размером шрифта. Все это имеет широкий диапазон размеров, в которые ваш контент должен будет вписаться.

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

7 голосов
/ 15 сентября 2008

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

7 голосов
/ 15 сентября 2008

Полное масштабирование страницы в CSS на самом деле не стоит, особенно потому, что большинство браузеров теперь делают этот тип масштабирования изначально (и делают это намного лучше - ref [img] tags).

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

Как, например, читали ли вы когда-нибудь чрезвычайно широкий блок текста и обнаружили, что прочитали одну и ту же строку дважды? Если высота строки была увеличена (тот же эффект, но с размером шрифта), с меньшим количеством слов в строке, это становится меньшей проблемой.

3 голосов
/ 15 сентября 2008

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

3 голосов
/ 15 сентября 2008

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

Проблема заключалась в том, что часть содержимого сайта была динамичной, что приводило к тому, что пользователи редактировали и просматривали данные в таблицах на своих симпатичных экранах 1280x1024, а таблицы ограничены шириной 600 пикселей.

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

2 голосов
/ 15 сентября 2008

Увеличение страницы ужасно с точки зрения доступности. Это равносильно тому, чтобы сказать: «Мы не могли потрудиться правильно спроектировать наши страницы [дизайнеры], поэтому используйте больший шрифт и прокручивайте страницу горизонтально [разработчики браузера]». Я не могу поверить, что Firefox спрыгнул с обрыва после Microsoft и сделал это по умолчанию.

2 голосов
/ 15 сентября 2008

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

1 голос
/ 15 сентября 2008

Только посетители вашего собственного сайта могут сказать вам, если жидкие макеты все еще актуальны для вашего сайта.

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

1 голос
/ 15 сентября 2008

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

0 голосов
/ 17 сентября 2008

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

Контейнеры с содержимым, которые становятся слишком широкими, становятся исключительно трудными для чтения.

Многие блоги имеют контейнеры с содержимым фиксированной ширины именно по этой причине.

Кроме того, вы можете создать контейнеры с содержимым из нескольких столбцов, чтобы получить эффект, похожий на газету, с несколькими столбцами тонких контейнеров с текстом. Это может быть трудно сделать, однако.

...