должны ли сайты расширяться при изменении размера окна?

Question

Я задаю этот вопрос исключительно с точки зрения удобства использования: должен ли сайт расширяться / растягиваться, чтобы заполнить область просмотра при изменении размера окна браузера?

Я точно знаю, что есть очевидные минусы:

• Широкие столбцы текста трудно читать
• Написание html / css с использованием процентов может быть проблемой
• Это делает вас уязвимым для растягивания вашего дизайна за его пределы, если изображение слишком широкое или добавлен слишком длинный текстовый блок. (видите, это больно - кодировать HTML / CSS)

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

edit : я заметил, что переполнение стека имеет фиксированную ширину, но ужас кодирования изменяется. Кажется, у Джеффа нет сильных предпочтений.

Answer 1

Сырой HTML делает именно это. Вы изменяете свои данные, чтобы они не выглядели так хорошо в окнах произвольного размера?

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

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

Answer 2

Что касается масштабирования веб-сайтов, мне нравятся веб-сайты фиксированного размера, которые хорошо масштабируются с помощью функции «увеличения» в браузерах. Мне не нужна действительно широкая страница с крошечными шрифтами на моем мониторе 1920-х гг. Я не знаю, должен ли веб-дизайнер делать что-то, чтобы он хорошо масштабировался при увеличении, но масштаб в FF3 потрясающий, а в IE7 бесполезный ...

Answer 3

Дизайн должен быть плавным в разумных пределах.

Использование CSS имеет свойства min-width и max-width (которые работают во всех браузерах, включая IE7 +) для предотвращения чрезмерного растягивания дизайна.

Answer 4

Как уже говорили люди, все зависит от того, какую информацию отображает сайт. Два хороших примера - StackOverflow и Google Images ..

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

В Google Images, где контент в основном представляет собой набор изображений шириной 200 пикселей, он растягивается по ширине браузера и по-прежнему отлично читается.

В общем, имейте в виду, что глаз ненавидит читать длинные строки текста, и основывайте свой дизайн на этом. Вы можете создать свой сайт таким образом, чтобы при увеличении размера шрифта все макеты красиво масштабировались вместе с ним (единственный сайт, о котором я могу подумать, это www.geektechnique.org - нажмите ctrl and -/= или ctrl+scrollwheel, и ширина макета меняется в зависимости от размера шрифта)

Answer 5

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

Answer 6

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

Answer 7

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

Может быть, это просто проблема с браузером, но это определенно аргумент в пользу флюида

Answer 8

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

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

Answer 9

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

Answer 10

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