Актуальны ли по-прежнему ликвидные макеты?

StackOverflow https://stackoverflow.com/questions/62292

  •  09-06-2019
  •  | 
  •  

Вопрос

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

Это было полезно?

Решение

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

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

Другие советы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Специально по этой причине многие блоги имеют контейнеры контента фиксированной ширины.

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top