Каковы наиболее часто используемые размеры пикселей (в первую очередь, ширина) и в чем преимущества и недостатки?
Как я могу лучше всего найти счастливую среду, чтобы дать хороший опыт людям с широким спектром размеров мониторов?
Ответ с объяснением, а не только с размером, будет с большой благодарностью.
большинство сеток используют ширину 960 пикселей. (Когда конструкция имеет фиксированную ширину). Когда вы смотрите на глобальную статистику, разрешение по диапазону разрешений по-прежнему остается наиболее распространенным: http://gs.statcounter.com/#resolution-ww-monthly-201006-201106
Не используйте ширину 1000. (Вы должны рассчитывать в ширине границы браузера и полосы прокрутки, в некоторых браузерах/ОС они больше, чем в других)
Я не думаю, что существует окончательная резолюция о том, почему вы должны проверять статистику на соответствующей веб-странице (если страница уже существует), чтобы решить, какое решение является наиболее подходящим. Если вы не можете этого сделать, вы можете проверить статистику для целевого рынка на http://gs.statcounter.com/
Или даже лучше использовать отзывчивый веб-дизайн: http://www.alistapart.com/articles/responsive-web-design/
Поскольку атрибуты max и min-width в CSS, вы можете настроить таргетинг на любое разрешение, если у вас есть время/бюджет для него, конечно.
Ширина 960px является хорошим стандартом, как другие уже разработали.
Однако следует помнить, что в наши дни веб-сайты просматриваются гораздо больше, чем просто настольные компьютеры, поэтому ответ может варьироваться в зависимости от того, для чего предназначен стиль сайта. Например, 960px будет плохой шириной для таблицы стилей для мобильных устройств.
Один ресурс, который может вам помочь, - www.resizemybrowser.com. (В Firebug есть аналогичный инструмент.)
В конце дня я думаю, что 960px является хорошим стандартом, но на самом деле "это зависит".:)
960 - это стандарт для сайтов с фиксированной шириной. Это должно обеспечить, чтобы разрешение 1024x768 легко подбирало его. Что касается высоты - это не имеет большого значения.
В общем, для сайта фиксированной ширины, который предназначен для чтения на экране компьютера, в настоящее время я бы сказал около 1000px (потому что нет разрешения 800 * 600 больше, и меньше всего вы можете найти это 1024 * 768).
Вы действительно должны стремиться к расширяемому дизайну (как правило, сложнее сделать).
Из опыта, для Интернета я бы сказал, что ширина больше 850 и менее 1000 пикселей, предпочтительно, в 900 и высота около 750 пикселей, но имейте в виду, что высота будет переменной в случае динамического содержимого, поэтому высота может быть установлена на 100% или автоматически.
и лучше всего выровнять веб-сайт в центре, используя свойство css margin: 0 auto;
Самый распространенный размер составляет от 900 до 1000 пикселей, есть некоторые хорошие источники для использования размера экрана, которые большинство людей склонны к desgin для самой большой группы. в основном его предполагаемый человек с экраном 800 на 600 не хочет заниматься большим бизнесом. т.е. привязаны к наличным деньгам (большое обобщение)
Я не буду рассматривать только разрешения монитора на рабочем столе. В настоящее время вы можете просматривать веб-сайты практически на любом устройстве, и довольно часто люди просматривают их со своими мобильными телефонами и планшетным ПК, поэтому вам действительно стоит их рассмотреть.
Это может привести к другой версии сайта для разных устройств или макета сайта, который будет размещаться на разных размерах. Это то, что вам нужно учитывать при первом размышлении о веб-сайте, который вы планируете делать, поскольку не для каждого сайта подходит макет такого типа.
Приспосабливаемый макет имеет дополнительные преимущества, которые могут быть хорошими, даже если появились новые устройства с пользовательскими (нестандартными) разрешениями, вам не придется беспокоиться о том, чтобы проверять его на этих новых устройствах, потому что он будет соответствовать ок (если макет был сделан правильно).
В любом случае моя стандартная минимальная ширина по-прежнему составляет 960 пикселей для настольных мониторов, а для адаптируемого макета я обычно выбираю максимальную ширину для действительно огромных мониторов (подумайте о просмотре сайта, который распространяется на всю ширину монитора на мониторе 2500x1600. gosh) размером около 1200 пикселей и шириной 100%, если размер браузера меньше этого, чтобы сайт мог хорошо соответствовать всем.