Над чем я работаю.
На самом деле я стараюсь уместить все примерно на 900 пикселей. 1024x768 - это норма и наиболее распространенное сегодня разрешение. Я бы не пошел мимо него и без очень уважительной причины .
Я предлагаю
750 пикселей, если таргетинг на 800 x 600 пикселей
950 пикселей при таргетинге 1024 x 768 пикселей
1220 пикселей при таргетинге 1280 x 1024 пикселей
Какую бы систему вы ни выбрали, убедитесь, что вы оставили зазор не менее 50 пикселей для полосы прокрутки и боковой панели (в некоторых браузерах)
Я работаю над внутренним веб-приложением компании. Многие из наших пользователей (по какой-то причине) используют 800x600, поэтому мы стараемся это поддерживать.
МЫ нацелены на 1024x768. Наша самая большая проблема заключается в том, что клиенты, которые пользуются нашими услугами, могут заключить нас в рамки своих собственных веб-сайтов, ориентированных на то же разрешение, а мы все еще слишком малы.
Также интересно, какие версии браузеров поддерживать - 38% нашего трафика по-прежнему составляет IE6!
Стандартное допустимое разрешение экрана «Конечным пользователем» варьируется от 1280 X 1024 ~ 1400 X 1050
Однако, если вы говорите с точки зрения «QA», голый минимальное требование обычно составляет 1024 X 768
Лучшая ширина для веб-сайта, который хорошо работает во всех разрешениях, составляет 960 пикселей по тому, что я нашел до сих пор.
как я думаю, вы должны выбрать 1024x768
, потому что это разрешение является основным во всем мире. большинство пользователей компьютеров используют 1024x768, а вы должны 1000px
, как я работаю всегда.
Я использую систему 960 grid во многих проектах, поэтому я оптимизирую веб-дизайн для 1024x768.
Минимум?
Я бы сказал 480 пикселей :) как в:
<link media="only screen and (max-device-width: 480px)" href="http://www.alsacreations.com/css/handheld.css" type="text/css" rel="stylesheet" />
Мы проектируем страницы с центрированной и фиксированной шириной от 950 до 1004 пикселей ( 960 , в основном 970 или 1000 пикселей, 1004 - верхний предел).
Нетбуки имеют разрешение 1024x600px
в основном так:
Google выпустил Размер браузера , инструмент, который покажет вам ширину, высоту области просмотра (не разрешение экрана или размер окна браузера) и процент посетителей с большим окном просмотра, данные получены от "людей, которые заходили в Google". Он лучше работает с ледяными дизайнами, чем с желейными и жидкими дизайнами
Гибкие веб-сайты - это будущее. У этого есть свои причуды, но это не так сложно, как может показаться.
У вас есть нетбуки, iPad, ноутбуки, а затем 24", 27" и даже 30" мониторы. И этот список будет расти.
Умелое использование min-width/max-width, ширины в процентах и, возможно, медиа-требований позволяет добиться потрясающих результатов.
Недавний выпуск A List Apart на эту тему: http://www.alistapart.com/articles/responsive-web-design/
Согласен с плакатами выше, в целом нормой сегодня является 1024x768 (и используйте базовую сетку 960)
Но в первую очередь вы всегда должны обращать внимание на журналы сервера/вебстаты. Они расскажут вам о наиболее часто используемых разрешениях экрана ваших посетителей, а также о браузерах. Вероятно, вас ждут сюрпризы, и вы получите больше данных о ваших пользователях из журналов, чем спрашивая нас.
Как и в случае с большинством из вышеперечисленных, мы стремимся разрабатывать дизайн с разрешением 1024x768, и ничего шире 980px.