Почему вы выбрали бы дизайн с фиксированной шириной?

Question

Обновление: Я удалил свою мотивацию, потому что она, кажется, отвлекает читателей. Это не о том, «почему вы не делаете свое окно меньше». Посмотрите скриншоты, и вы увидите заблокированный текст из-за фиксированной ширины. Смотрите мою ссылку на нотацию "em / ex" в CSS. Я хотел бы провести реальное обсуждение здесь. Спасибо.

---

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

• Слишком сложно относительно разработать свой макет (с самого начала)? Кажется, некоторые люди даже забыли, как это сделать .

• У вас есть реальные причины , такие как читабельность, и вы просто не знаете, как правильно с этим справляться? Здесь я имею в виду кусочки мудрости, например, труднее читать длинные строки (поэтому газеты используют столбцы) - но тогда ширину следует указывать с помощью em и ex.

• Вас принуждают некоторыми старыми рекомендациями ? В мрачную старость HTML люди совершили много неправильных вещей; теперь все наконец используют CSS, но, возможно, этот просто приклеился.

• Или вы, как и я, удивляетесь, почему все делают это "неправильно"?

Чтобы проиллюстрировать проблему, сначала я хочу сделать скриншоты с отрицательными примерами:

• StackOverflow (здесь я даже не вижу, что может сделать это любой трудно исправить)
• Filmstarts (немецкий сайт, который становится нечитаемым, если я не беру с собой стакан для чтения)

А вот и положительный пример. Он выглядит как типичный фиксированный с сайтом (даже с прозрачными границами), но это не так:

Веб-сайт о программном обеспечении Wiki - связанные форумы

Что вы думаете?

Обновление: Смежные вопросы: этот и тот .

Answer 1

По моему опыту, это по двум причинам:

1) Скорость - как правило, быстрее написать веб-страницу с фиксированной, а не пытаться написать ту, которая корректно изменяет размер при более чем небольшом количестве разрешений.

2) Разработчик веб-сайта не является абсолютным сторонником того, что идет в производство - если вы попытаетесь работать с потоком вместо фиксированного макета, у вас возникнут вопросы о том, почему он выглядит по-разному на ПК Салли и Большом боссы, и почему вы не можете переместить это сюда и т. д., которые легче исправить, перейдя к фиксированному макету.

Answer 2

Браузеры с вкладками

Так как я использую браузер с вкладками для повседневного использования, изменение размера моего окна каждый раз, когда я переключаю вкладки, на самом деле немного хлопотно. У меня установлено окно для максимальной используемой ширины для моих целей и для размещения "самой большой" открытой вкладки. Для остальных вкладок наличие жидких макетов фактически раздражает и отвлекает. Элементы и текст перемещаются и меняют положение в зависимости от того, как я изменил размер окна для другой вкладки. Кроме того, жидкие макеты приводят к неудобно широким блокам короткого (вертикального) текста.

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

Answer 3

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

http://developer.spikesource.com/wiki/index.php/Home

Answer 4

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

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

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

Answer 5

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

Answer 6

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

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

Answer 7

Схемы фиксированной ширины вполне приемлемы.

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

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

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

Пара важных ограничений:

• обеспечивает горизонтальную прокрутку никогда не требуется пользователю
• если конверсии являются проблемой, убедитесь, что что кликабельные вещи - особенно «призывы к действию» или что-нибудь, чем заставляет ваш кассовый аппарат идти «ка-цзин» не должен падать на право на 770-й пиксель или около того - на всякий случай.

Но другое соображение - это портативные носители. Вы должны предоставить альтернативный CSS для портативного медиа типа. Многие из этих экранов имеют ширину менее 400 пикселей.

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

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

Answer 8

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

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

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

Многие браузеры лучше масштабируют сайты, чтобы они были больше, чем раньше; Firefox 3, по крайней мере, увеличивает всю страницу при увеличении , не нарушая макет.

Answer 9

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

Что касается небольшого (из очень небольшого) того, что я знаю о веб-дизайне и сайтах фиксированной ширины:

• Они, как правило, хорошо используют пустое пространство и фокусируют ваше внимание на странице. Загромождение страницы, заполняя каждый последний угол контентом - это то, что дизайнеры называют «визуальным запугиванием». Трудно понять, что важно, а что нет.
• Они чувствуют себя более "законченными", как картинка в рамке, а не как фотография с отпечатком большого пальца на пробковой доске.

Answer 10

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

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