Каково среднее разрешение, то есть ширина пикселя для стандартной веб-страницы?

Question

Я только что закончил создание веб-страниц и пытаюсь решить, как должен выглядеть оптимальный макет.Я пытаюсь выбрать между фиксированной шириной для моих основных элементов (около 1200 пикселей или около того) и переменной шириной в процентах.Я беспокоюсь о том, что переменная ширина будет выглядеть ужасно при более низких разрешениях до 1600 на 900. Я предполагаю, что разрешение <1600 X 900 в наши дни встречается довольно редко, но хотелось бы услышать некоторые мнения.</p>

Quazi

Ответы:

Спасибо всем за ценные замечания.Оказывается, мои проблемы возникли из-за использования смеси переменных div с элементами фиксированной ширины.Полная катастрофа для просмотра в более низких разрешениях.Ваши комментарии привели меня в правильном направлении.спасибо

Answer 1

У Google есть страница Размер браузера , которая показывает статистику по размеру окна браузера людей, посещающих Google.Вы можете наложить любой веб-сайт на график, чтобы увидеть, что будет видно в браузерах разных размеров.

Так что, хотя это и отличается от общего разрешения экрана, оно показывает, что многие люди просматривают Интернет с помощью небольших окон браузера -например, у 30% есть окно меньше 1000 x 575 или около того.

Примечание - статистике, по-видимому, около года.

Я впервые увидел этот инструмент, упомянутый в этом ответе на вопрос по Pro WebMasters SE .

Answer 2

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

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

Answer 3

Лучше использовать процентный размер в CSS. Это хорошо для каждой платформы.