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

Question

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

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

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

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

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

Answer 1

Многие люди говорят такие вещи, как «это дело вкуса» или «Мне не нравятся большие шрифты на моем дисплее с высоким разрешением». Количество пикселей не имеет к этому никакого отношения, и это не дело вкуса. Это вопрос DPI, который напрямую связан с разрешением экрана и размером шрифта. Если ваш макет масштабируется вместе с DPI шрифтов (например, указав его в ems и используя SVG), вы получите очень красивые, очень четкие веб-сайты, которые оптимально работают с любым дисплеем.

http://www.boutell.com/newfaq/creating/anyresolution.html

Answer 2

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

Если вы действительно, действительно ненавидите идею, что ваш сайт выглядит ужасно из-за того, что делает пользователь с большим экраном, то ради всего, что является правдивым и красивым, по крайней мере никогда не используйте фиксированные пиксельные макеты! CSS имеет эти аккуратные единицы измерения относительного размера текста, такие как «em», которые позволяют масштабировать части вашей страницы в соответствии с размером шрифта, в то время как другие (например, изображения) остаются в своем «естественном» размере.

Почему бы не использовать их и хорошо масштабировать свою страницу, не полагаясь на менее гибкое «масштабирование всего» FF3, которое на самом деле является просто обходным решением для сайтов, использующих фиксированный макет на основе немых пикселей?

Answer 3

Вероятно, существует компромиссный дизайн между фиксированными и текучими конструкциями. Вы можете сделать сайт похожим на флюид, но установите для свойства css max-width значение 1024 (или любое другое). Это означает, что вы получаете текучую схему, когда window width меньше 1024 и fixed width, когда она больше.

Тогда пользователям с узким экраном (например, моим 800-пиксельным Eee 701) не нужно переворачивать горизонтальную полосу прокрутки, чтобы прочитать каждую строку, а пользователи с широким экраном (которые не знают, как изменить размер окна браузера) не получают ширину в 500 символов. , 1 символьные абзацы.

Answer 4

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

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

Answer 5

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

---

Изменить на 2012 год. Да, ваш веб-сайт должен реагировать на размер окна, в котором он отображается.

Есть много мест, где можно узнать об этом больше, в том числе:

• http://johnpolacek.github.com/scrolldeck.js/decks/responsive/
• http://www.abookapart.com/products/responsive-web-design
• http://en.wikipedia.org/wiki/Responsive_Web_Design