2010-10-20 4 views
2

При создании дизайна веб-сайта является единственным реальным вариантом обеспечения фиксированной ширины содержимого?Сайт с фиксированной шириной - единственная реальная возможность?

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

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

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

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

ответ

8

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

Но это действительно чаще идти с фиксированной шириной:

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

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

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

+2

Извините, я не имел в виду гарантию, я имел в виду самый безопасный вариант. –

0

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

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

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

0

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

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

BTW: флаг для CW.

+0

SO содержит много текста - но все, что сосредоточено в средней фиксированной ширине. Как вы это объясните? –

+0

@eddy: Я точно не выразил свою бессмертную любовь к SO-макету ... –

+0

@Pontus Gagge - Точка принята –

1

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

0

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

0

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

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

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

+0

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

+0

@ m.edmondson: Размер изображения SVG просто отлично. –

Смежные вопросы