Подтвердить что ты не робот

Каков типичный размер видового экрана на экране 1024x768?

Я разрабатываю веб-приложение, и я хочу знать самый большой размер (x и y), который я могу создать для.

По состоянию на январь 2008 г. около половины пользователей используют экраны 1024x278 и, вероятно, менее 10% используют меньшие экраны. (Здесь присутствуют телефоны и пользователи palmtop). Поэтому мы проектируем минимальный размер экрана 1024x768.

Однако, что размер экрана, и когда мы выкладываем наш контент, нам нужно знать размер видового экрана. Есть данные, что большинство пользователей имеют браузер максимально, но все еще нужно вычесть пространство для декодирования ОС и браузера хром. Люди настраивают свой хром, поэтому нет единого "правильного" ответа; Я собираюсь сделать разумную оценку, которая будет соответствовать большинству пользователей.

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

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

Итак, мой реальный вопрос заключается в следующем: каков максимальный размер видового экрана, который я могу создать, и ожидать, что он будет соответствовать без полос прокрутки для 80-90% всех пользователей?

4b9b3361

Ответ 1

Сегодня я просто наткнулся на сайт, который очень важен для моего старого вопроса. По-видимому, Google хочет поделиться своими знаниями о размерах окон браузера. Их новый сервис находится в http://browsersize.googlelabs.com/, и он в основном просто показывает ваши данные по типовым размерам портала.

Примечание. Браузер Google Labs теперь очень устаревший (изображение под названием 2009-11-18-day_google_com_100_donate_example.png) и будет скоро закрыться. Google предлагает использовать Google Analytics для определения размера размера браузера для вашего собственного сайта: http://analytics.blogspot.ca/2012/06/new-feature-conduct-browser-size.html

Ответ 2

Убедитесь, что ваш сайт будет отображаться на 800x600, но сделайте его расширяемым, чтобы заполнить любой размер, который пользователь имеет.

Ничто не является более раздражающим, чем серфинг в 1600х1200 или больше, только чтобы встретить тупой сайт, который не будет растягиваться за пределы 700-800 пикселей.

Отъезд Человек в синем для отличного примера того, как обрабатывать изменения размера страницы... http://themaninblue.com/experiment/ResolutionLayout/

Update: Я нашел хороший сайт, который использовал некоторую статистику, чтобы определить, сколько% пользователей могут видеть, какие экраны размера: http://www.methodologie.com/webcanvas/

Ответ 3

Подавляющее большинство пользователей просматривают веб-страницы в IE7 в развернутом окне на экране 1024x768 и не изменяют свой браузер. Поэтому я нашел морскую свинку и снял снимок экрана. Я предположил, что панель задач была одной строкой и видимой - опять же, по умолчанию - и получил размер окна 1003 x 589. Я бы использовал живую зону размером 960 x 560.

Ответ 4

Для чего стоит XP пользователей IE7 с шириной боковой панели по умолчанию, открытой на полноэкранном XGA, получают ширину окна просмотра 862px. Высота не так важна, как мы ожидаем, чтобы прокручивать по вертикали, но и для прокрутки по горизонтали также является смертью.

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

(Что это, stackoverflow? Действительно? Shocking, tsk.)

Ответ 5

В настоящее время я нахожусь в нетбуке Acer с разрешением экрана 1024x600. Помните, что мы являемся растущим сегментом рынка! (или, по крайней мере, постарайтесь не делать, чтобы ваша вертикальная недвижимость предполагала 768 как минимальную высоту экрана)

Ответ 7

У меня Firefox открыт с размером (включая хром) 1024x1000. Я не просматриваю полноэкранный режим.

Мой хром включает в себя панель меню, панель инструментов навигации (с маленькими значками), панель инструментов закладки, панель вкладок, правую полосу прокрутки и строку состояния внизу.

Мой фактический порт просмотра точно 1000x843.

Ответ 8

Я на экране ноутбука Sony WUXGA (1920x1200).

У меня есть панель задач на левой стороне экрана, поэтому минус браузера хром. У меня все еще есть довольно приемлемые 1831 пиксель. обычно считают, что это хорошо для большинства целей.

Я просто хочу, чтобы stackoverflow woudl обнаружил мой широкий экран и показал мне мой предварительный просмотр ответа в правой колонке.

Ответ 9

Просто подумал, что добавлю, что Shaun Inman Mint, приложение имеет плагин, который отслеживает размер окна, а не разрешение экрана, и учитывает худший браузер Chrome. Затем он группирует результаты, так как x% посетителей имеют ширину окнa > y% или > z% height, что может быть очень полезно для принятия обоснованных решений о конкретном сайте и требует некоторой угадывания из процесса.

Ответ 10

1007px - это абсолютный максимум, с которым вы можете работать в Internet Explorer (подробности) без горизонтальных полос прокрутки. Но это говорит, что я думаю, вы не должны идти на максимальный максимум, если вам не нужно. Скорее, полагайтесь на предположение, что многие пользователи браузеров не максимизируются.

Google Размер браузера - отличный инструмент.

Ответ 11

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

Теперь нам нужно признать растущее число смартфонов разных размеров экрана, нетбуков, iMac с широкими экранами, сетчатыми сетями (Android/Mac) и т.д. и т.д.

Добавьте к этому, что разрыв между прикосновением и краном растет с последним, не являющимся редким явлением.

Теперь нам нужно device-specific style with a tap-based UI for handheld devices with fixed browser sizes и fluid-responsive style with mouse-hover effects etc. for desktop computers.

Это должно быть в центре внимания сегодняшнего обсуждения.

В этом смысле ответ на оригинал. вопрос не может быть легко предоставлен. Очень распространенный экран 1024x768 вполне может быть iPad - или уменьшенное окно браузера.

Ответ 12

Все ответы, которые вы уже нашли, вероятно, правы.

Для случайного пользователя (Stereotypical: Win XP или Vista, IE6-7, никаких пользовательских скинов) ширина, близкая к 1000px, вероятно, подойдет. Если люди изменили свои браузеры, не запуская их на весь экран или пользовательские скины в своих операционных системах, это число может измениться.

Если бы я планировал разрешение 1024 пикселя, я бы выбрал ширину, близкую к 980px. Все это зависит от вас, и нет "единого ответа". Около 960-1000 пикселей где-то, в зависимости от множества вещей.

Когда дело доходит до высоты страницы, не думайте слишком много об этом. Поместите самую важную информацию (навигацию, логотип, важный контент) в верхней части страницы и не бойтесь позволить пользователю прокрутить, чтобы найти остальное. Люди привыкли и знают, что им нужно, прокрутить. Это естественное ограничение, которого никто не ожидает от вас.

Для этой наиболее важной информации, вероятно, можно было ожидать область просмотра с высотой около 550 пикселей или более.

Итак, ~ 980px * ~ 550px, вероятно, более или менее стандартное окно просмотра для использования в качестве отправной точки: -)

Ответ 13

Ширина 960px - хороший размер, потому что он настолько делимый. 1000px будет слишком большим для многих систем. Ширина полосы прокрутки плюс кадрирование составляет около 33 пикселей на Vista/Firefox.

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

Мой просмотр в Firefox, с открытыми вкладками, быстрыми ссылками и отличным расширением панели инструментов веб-разработчика составляет всего 572 пикселей при настройке на 1024x768.

Если вы используете панель инструментов веб-разработчика, одной из многих полезных функций является возможность мгновенного изменения размера браузера до любых размеров, которые вы установили для него: например. 1024x768, 800x600 и т.д. Таким образом, вы можете видеть свой веб-сайт так же, как и посетители этих размеров экрана.

Веб-разработчику стоит проверить: https://addons.mozilla.org/en-US/firefox/addon/60