Фиксированная ширина сайта единственная реальная возможность? - PullRequest
2 голосов
/ 20 октября 2010

При создании дизайна веб-сайта, единственная реальная возможность предоставить фиксированную ширину контента?

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

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

Мне бы очень понравилось ваше мнение.

Точно фиксированная ширина - единственный способ гарантировать правильную компоновку во ВСЕХ браузерах?

Ответы [ 6 ]

8 голосов
/ 20 октября 2010

Вы можете быть умнее с помощью запросов типа float / media, чтобы макеты работали хорошо при более узких ширинах.

Но на самом деле более распространено использование фиксированной ширины:

  • проще проектировать
  • В наши дни не так много людей имеют узкие мониторы - большинство веб-сайтов полагают, что у них есть 1000 пикселей горизонтального пространства для работы, и я не слышал, чтобы у них было много жалоб
  • Сенсорные ОС (iOS, Android и др.) Делают масштабирование веб-страниц очень естественным, поэтому размеры в пикселях здесь не так важны.
  • Когда строки контента становятся слишком широкими (я думаю,больше, чем около 60 слов?), их трудно читать, поэтому не так уж много преимуществ от расширения элементов до полной ширины для пользователей с большими окнами браузера.

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

Да, только одна вещь: «Надежно фиксированная ширина - это единственный способ гарантировать правильную компоновку во ВСЕХ браузерах?». С максимальным уважением, это немного похоже на мысли программистаЭто.Вы не можете гарантировать ничего о рендеринге веб-страницы.Браузеры и операционные системы могут делать что хотят.Это сеть.Отпусти это.

1 голос
/ 20 октября 2010

Сайты с динамической шириной обычно состоят из одного или нескольких блоков с шириной в процентах, которые составляют 100%.Таким образом, размер блоков изменяется с разрешением или изменением размера браузера, но если общая ширина слишком мала, это может привести к проблемам с распечаткой, поэтому для <body> указана минимальная ширина, и в этом случае появляется горизонтальная полоса прокрутки.Но вы можете думать по-другому: http://www.smashingmagazine.com/2008/08/14/will-horizontal-layouts-return/.

0 голосов
/ 25 октября 2010

Зависит от содержимого. Если это графика и флэш, то они не масштабируются. Если содержимое можно масштабировать, большинству людей нравится жидкая ширина.

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

Является ли макет лучше с широкими полями? Это было бы обычно нет. Граница также является элементом дизайна.

0 голосов
/ 20 октября 2010

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

0 голосов
/ 20 октября 2010

Нет. Тысячу раз нет.

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

Кстати: флаг для CW.

0 голосов
/ 20 октября 2010

Я стараюсь, чтобы мои сайты имели минимальную ширину для удобочитаемости, но в противном случае ширина определяется в процентах от размера окна (я обычно выбираю 80%).

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...