Предполагая, что макет жидкости не является вариантом (так как это другое обсуждение вместе), какова рекомендуемая ширина для макета сайта? Каковы плюсы и минусы разных размеров?
Какая максимальная абсолютная ширина для веб-страницы?
Ответ 1
Я всегда держал с 960px, как это видно на 1024x768, и чисто делится на 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 и 480... поэтому я могу четко разделить дизайн моего сайта (используя правило третей).
ИЗМЕНИТЬ через несколько лет: Пожалуйста, рассмотрите возможность использования CSS Media Queries, чтобы теперь ваш контент реагировал на несметное количество устройств, если вы не можете использовать жидкостный макет. Я не уверен, что можно требовать ширину одного пикселя, чтобы править ими в 2012 году.
Ответ 2
Просмотрите http://browsersize.com для некоторых быстрых статистических данных, которые пользователи используют в настоящее время. Вы можете использовать http://setmy.browsersize.com, чтобы быстро изменить размер вашего браузера, чтобы эмулировать просмотр вашего сайта с определенным разрешением экрана. Убедитесь, что ваш макет удовлетворяет по крайней мере наиболее широко используемому разрешению экрана (1024 x 768).
Кроме того, не обязательно стремиться к максимальному горизонтальному пространству. Ширина текста (количество слов на строку) в идеале не должна превышать определенный порог для удобства использования:
На самом распространенном экране 1024 × 768 разрешение, большинство сайтов с фиксированной раскладкой не используйте все доступное пространство для слева и справа от их содержимого. Гибкие макеты позволяют лучше использовать горизонтальное пространство, но поддерживать допустимую длину строки. Эксперты по юзабилити сказали нам, что есть так много слов, что вы должен положить на линию. Между 8 и 12 слова, кажется, идеальная линия длина. Печатные СМИ, особенно газеты, не стесняйтесь использовать даже более короткие линии. Зачем? Поскольку они могут, путем размещения текста по нескольким столбцы.
Ответ 3
Если вы используете фиксированную ширину, которая является более широким, чем самый маленький экран вероятный, чтобы посетить ваш сайт, вы будете раздражать и расстраивать пользователей, которым приходится прокручивать боковые полосы, чтобы добраться до остальной части вашего контента.
Ответ 4
В свое время это было 800 пикселей; однако все больше и больше сайтов начинают использовать 1000px. Это связано с тем, что, чаще всего, низкие разрешения посетителей на 1024x768. Дополнительные 24 пикселя оставляют место для браузера хром, отступы и поля, которые вы, возможно, захотите манипулировать, и т.д.
Просто чтобы дать некоторую перспективу, даже новая волна нетбуков с их крошечным экраном имеет разрешение 1024x768.
Но, прежде всего, знайте свою аудиторию, как предлагает @warren, и используйте ее.
Ответ 5
Я также использую макет между 950 и 980px и всегда центрирован, если клиент не требует иначе:)
Ответ 6
-
Пожалуйста, имейте в виду, что разрешение монитора, часто цитируемое в статистике, не обязательно совпадает с внутренней шириной окна браузера. У пользователей могут быть дополнительные боковые панели/панели инструментов, используйте не максимизированное окно браузера. Чем больше экран, тем менее вероятно, что вы хотите использовать его всего лишь для одной страницы.
-
Очень длинные строки текста сложнее читать. Оптимум составляет 25-30м (зависит от многих факторов, но вы не должны просто идти на максимум).
-
У мобильных браузеров есть "виртуальное" разрешение экрана, которое они используют для увеличения и ~ 960 пикселей в Opera Mini/Mobile и Mobile Safari.
Ответ 7
Я голосую, чтобы разделить движение здесь. Просто потому, что размеры экрана X не означает, что X или что-то, что близко к нему, является лучшим дизайном для вашего сайта.
Ваша цель вашего сайта имеет много общего с выбранной вами шириной.
Многие эксперты по маркетингу считают, что более узкая колонка "конвертирует" больше посещений продаж. Возможно, это связано с тем, что проще направить внимание людей, если страница узкая.
С другой стороны, сайт, посвященный изображениям, должен показывать наилучшее доступное разрешение для каждого браузера посещения.
Ответ 8
Вы можете попробовать создать несколько макетов и использовать Javascript для переключения между ними в зависимости от посетителя window.innerWidth
Тем не менее, я обычно использую что-то между 950px и 980px.
Ответ 9
Максимальная ширина сайта для оптимальной производительности и совместимости кросс-мониторов составляет 960 пикселей, когда она связана с рабочими столами и ноутбуками.
Подробнее о том, как и почему, см. следующую статью:
Ответ 10
Согласно эти статистики, минимум 1024 пикселей в ширину охватит большинство пользователей.