Существует ли стандартный макс для ширины основной области содержимого веб-страницы? Я хочу максимизировать экранную недвижимость, не влияя на удобство использования. Я видел, что многие сайты придерживаются 980px или меньше. У кого-нибудь есть предложения?Какова максимальная ширина области содержимого для веб-страниц?
Я предполагаю, что вы имеете в виду ширину обертки, так как вы упомянули 980.
Самым идеальным решением является не думать пикселей на всех и вместо того, чтобы полагаться на Эмс /% S и масштабирование, быть насколько это возможно, поэтому ваш дизайн подходит для небольших мобильных устройств, а высота ваших элементов не фиксирована, а автоматическая. Пример: http://www.456bereastreet.com/
Но если вы застряли с веб-дизайнерами, которые все еще думают о пикселях, и вы точно знаете, что не сможете заставить их делать снимки, которые являются жидкостью/жидкостью, я бы сказал, стрелять на 960 пикселов в ширину, поэтому у вас достаточно области просмотра в 1024x768 с полосами прокрутки в IE6/XP, но это действительно зависит от вашей аудитории и большинства разрешений экрана вашей аудитории.
Вы должны сначала задать вопрос. Кто моя аудитория?
не ответ, который я искал, но + 1 за то, что он единственный, кто указал на этот важный момент. Благодаря! –
Нет такого стандарта, особенно в этом возрасте КПК/смартфонов/нетбуков/смартбуков/киосков/и т. Д. - в то время как это может звучать клише, лучше всего разработать жидкую схему, не зависящую от точного экрана размер.
Ответ может быть изменен в зависимости от вашей предполагаемой/ожидаемой базы пользователей, конечно (например, допустим, ширина экрана 1024 пикселя оставит вас с 980 рабочими px), и сознательно решите, что вы не заинтересованы в поддержке никого с меньшим разрешением экрана).
Еще одно решение - разрешить настройку макета размера, превратив его в портал, например, с пользователем, управляющим макетом портлетов (ala My Yahoo).
Я думаю, что использование максимальной ширины (~ 980px) является хорошей идеей, поскольку большинство наших пользователей - это корпоративные клиенты с настольными компьютерами и мониторами среднего и большого размера. Спасибо за ответ! –
Исследования, такие как ссылка here, показывают, что людям труднее читать длинные строки текста. Вот почему я ограничиваю ширину моего контента до 800 пикселей или около того.
Определение «длинный» отличается друг от друга. – 2009-09-29 15:02:51
Да, но исследование предполагает, что 70 символов являются приблизительным максимальным количеством до наступления напряжения глаз. – Jacob
Интересная статья. Спасибо за ссылку и предложение! –
Не уверен в абсолютных значениях пикселей, но я уверен, что текстовые столбцы не становятся слишком широкими. Существует ряд символов, за пределами которых понимание понимания нарушено.
960 - довольно распространенный стандарт, и обоснование этой цифры заключается в том, что установка на экране с разрешением 1024 пикселя позволит большинству пользователей видеть содержимое без прокрутки. См. here для одного из 100 сайтов, которые предоставляют доступ к браузере & статистики возможностей пользовательской системы для некоторого первоначального вдохновения.
Но, в конце концов, вам будет необходимо понять структуру вашей клиентской базы - если ваш сайт нацелен на iPhone, нацеленность на экраны с разрешением 1024 пикселя может не быть вашим самым умным решением.
Интересная статистика. Интересно видеть, что <10% пользователей имеют размер экрана меньше 1024x768. Конечно, эту статистику следует брать с солью. w3schools.com берет статистику у своих пользователей, и я полагаю, что это в основном разработчики. Разработчики, как правило, имеют более высококачественные системы, чем обычные пользователи, которые могут застрять на ноутбуках или более старых/меньших мониторах. Думаю, все сводится к идентификации вашей аудитории. Мне бы хотелось увидеть статистику с таких сайтов, как Google, Facebook, Yahoo !, и т. Д., Что, вероятно, будет более представительным для пользователей Интернета в целом. Спасибо за ссылку! –
Задайте разрешение 800x600 или 1024x768.
Для 800x600 это около 750px.
Для 1024x768 это будет 970px.
Спасибо за отзыв! –
1000 пикселей в ширину, что я использую, который вписывается в минимальное разрешение от 1024x768 использовали эти дни без горизонтальной прокрутки в нижней части окна браузера ....
К сожалению, большая часть сайта была разработана с использованием пикселей, поэтому переход на ems будет непростой задачей, хотя я согласен, что это будет лучшее решение. На данный момент я думаю, что с шириной 960 пикселей, вероятно, является лучшим краткосрочным решением, постепенно переходящим к более гибкому макетированию в долгосрочной перспективе. Спасибо за предложение и ссылку! –
Каков был бы ваш ответ, если бы единица была 'em': что такое хорошее значение максимальной ширины, измеренное в ems? – ChrisW
@ChrisW [webtypography.net] (http://webtypography.net/2.1.2) предлагает 45-75 символов в строке. Я пробовал 'max-width: 70em;' на моем сайте и выглядит отлично. – DaveGauer