Часто используемые размеры пикселей для веб-страниц и их плюсы / минусы

Question

Каковы наиболее часто используемые размеры пикселей (в первую очередь, ширина) и каковы их преимущества и недостатки?

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

Буду весьма благодарен за ответ с объяснением, а не только с размером.

Answer 1

большинство сеток используют ширину 960 пикселей. (Когда конструкция имеет фиксированную ширину). Если взглянуть на глобальную статистику, по-прежнему наиболее распространенными являются 1024 разрешения диапазона: http://gs.statcounter.com/#resolution-ww-monthly-201006-201106

Не используйте ширину 1000. (Необходимо учитывать ширину границы браузера и полосы прокрутки, в некоторых браузерах / ОС они больше, чем в других)

Я не думаю, что есть окончательное разрешение, поэтому вам следует проверить статистику на соответствующей веб-странице (если страница уже существует), чтобы решить, какое разрешение наиболее подходит. Если вы не можете сделать это, вы можете проверить статистику для вашего целевого рынка на http://gs.statcounter.com/

Или даже лучше использовать адаптивный веб-дизайн: http://www.alistapart.com/articles/responsive-web-design/

Поскольку в CSS есть атрибуты max- и min-width, вы можете выбрать любое разрешение, если хотите, если у вас есть время / бюджет.

Answer 2

* Ширина

960 пикселей является хорошим стандартом, как другие уже уточнили.

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

Один ресурс, который может вам помочь, это www.resizemybrowser.com . (В Firebug встроен аналогичный инструмент.)

В конце концов, я думаю, что 960px - это хороший стандарт, но на самом деле, «это зависит». :)

Answer 3

960 - это стандарт для сайтов фиксированной ширины. Это должно гарантировать, что разрешение 1024x768 подхватит это легко. Что касается высоты - это не имеет большого значения.

Answer 4

В целом, для веб-сайта с фиксированной шириной, который предназначен для чтения на экране компьютера, в настоящее время я бы сказал, около 1000px (потому что разрешения 800 * 600 больше нет, и наименееВы можете найти это 1024 * 768).

Вы действительно должны стремиться к расширяемому дизайну (как правило, это труднее сделать).

Answer 5

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

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

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

В любом случае моя стандартная минимальная ширина по-прежнему составляет 960 пикселей для настольных мониторов, а для настраиваемого макета я обычно выбираю максимальную ширину для действительно огромных мониторов (подумайте о просмотре сайта, который расширяется на всю ширину монитора на мониторе 2500x1600). Черт возьми, около 1200 пикселей и ширину 100%, если размер браузера меньше этого, чтобы веб-сайт хорошо подходил везде.

Answer 6

Самый распространенный размер - от 900 до 1000 пикселей. Есть несколько хороших источников для использования размера экрана, которые большинство людей склонны называть самой большой группой. в основном, предполагается, что любой с экраном 800 на 600 не захочет иметь много дел. т.е. привязанный за наличные (большое обобщение)

Answer 7

Исходя из опыта, для сети я бы сказал, что ширина больше 850 и меньше 1000 пикселей, предпочтительно в 900-х годах и высота около 750 пикселей, но имейте в виду, что высота будет переменной в случае динамического содержимого , таким образом, высота может быть установлена ​​на 100% или автоматически. и лучше всего выровнять сайт по центру, используя свойство css margin: 0 auto;