Я склонен думать о 1024x768 как о минимальном разрешении экрана, в котором будет работать современный веб-браузер, но я беспокоюсь, когда использую это разрешение для делового веб-сайта, потому что я чувствую, что я могу причинить вред людям, которые застряли с что-то меньшее/более старое. Поэтому я спрашиваю, реалистично, каково минимальное разрешение экрана, которое я должен ожидать, чтобы мой сайт отлично работал с браузером "максимально"?
Посмотрите на нетбуки на новый минимум. Я бы сказал, что 1024x600 разумно.
Изменить: Вы всегда можете посмотреть на любое количество сайтов, которые предоставляют вам статистику использования браузера. Вот, что Google появился для меня:
Из статьи в Jacob Nielsen Alertbox, называемой Разрешение экрана и макет страницы:
Оптимизация веб-страниц для 1024x768, но используйте жидкую компоновку, которая растягивается хорошо для любого разрешения, от 800x600 до 1280x1024.
Зависит от вашей аудитории. Если это в основном американские потребители дома, то я думаю, что вы в безопасности с 1024x768. Для школ, корпоративной и глобальной международной аудитории вам понадобится 800x600, потому что школы и предприятия с меньшей вероятностью будут иметь обновленные компьютеры, а международная аудитория в разных странах может не иметь больших экранов по любой причине.
Могу ли я также предложить вам протестировать максимальное разрешение. Многие сайты непригодны (без масштабирования) в 1920x1200 из-за людей, использующих фиксированные размеры шрифта и т.п.
Дорогой Бог, мы забыли?
ВЕСЬ ТОЧКА HTML - ЛОГИЧЕСКИЙ язык описания страниц - это то, что вы НИКОГДА не должны думать или беспокоиться о устройстве отображения.
Что произойдет, если устройство отображения является текстовым редактором для слепых?
Или текстовый браузер на консоли?
Но это не главное; главное, что HTML LOGICALLY описывает страницу. Если вы в своем логическом описании страницы делаете ПЕЧАТНЫЕ ФИЗИЧЕСКИЕ описания, тогда ВЫ ПОЛУЧАЕТЕ НЕПРАВИЛЬНО. Вы пишете веб-страницы, например, вы используете HTML-код HTML!
Вам нужно написать свой веб-сайт, чтобы он работал LOGICALLY - иными словами, вы оставляете проблему рендеринга PURELY в руках агента визуализации. Если вы этого не делаете, у вас это НЕПРАВИЛЬНО.
Рассмотрим использование макета жидкости, который адаптируется к пользовательскому экрану. Большинство сайтов с фиксированной компоновкой вынуждают большинство пользователей просматривать сайт, ориентированный на наименее общий знаменатель, хотя 90% посетителей имеют гораздо более высокое разрешение. Это приводит к макетам, которые чрезмерно заполнены навигационным хром и небольшим содержанием.
Если вы должны использовать фиксированный макет, подумайте о том, чтобы взять кий из MSN, где вы разделили экран на столбцы 760 и 224 пикселей. Если посетитель имеет разрешение 800 (которое вы можете обнаружить в JavaScript), скройте столбец размером 224 пикселя.
ОБНОВЛЕНИЕ из комментариев. Что касается определения безопасного минимума, хотя я бы установил ваш экран на 800x600, то просмотрите некоторые популярные общедоступные сайты - MSN, Yahoo и т.д. и посмотрите, что они делают, Это хорошая ставка, что они вложили много исследований в эту область, и принятие того, что они сделали, обычно является безопасной ставкой
1024x768 в порядке. У большинства людей есть такая настройка разрешения, и те, у кого нет, не будут сильно подвержены риску пользователя. Кроме того, чтобы ваша страница хорошо вписывалась в браузер, принимая во внимание полосы прокрутки и т.д., Сделайте с вашими страницами 960px.
1) Мой браузер не максимизирован. Размер моего экрана не имеет значения. Размер моего окна браузера не работает.
2) Разрешение экрана iPhone 480x320. В настоящее время в NewEgg отображается как минимум один монитор 1920x1080 для менее 200 долларов США. Проектирование любого из этих резолюций сделает ваш сайт полностью непригодным для использования с другой. Даже если вы разделите разницу и дизайн на 1024x768, вы получите полосу, покрывающую половину ширины экрана на мониторе $200 (который, IMO, выглядит как дерьмо), и он по-прежнему будет полностью непригодным для использования на iPhone.
Экраны не только увеличиваются. Они также становятся все меньше. Тенденция движется к планировке жидкости вместо фиксированной ширины, и это по какой-то причине.
Я обычно проектирую веб-сайты 800.
Высота не является проблемой, так как пользователь может прокручивать.
Как сказал Марк, в настоящее время существует множество нетбуков. Большинство из них теперь имеют размер 1024x600, но есть и некоторые из "старых" нетбуков, которые имеют более низкое разрешение, чем это все еще. Например, у меня есть * wince * 800x480.
Если вы хотите быть действительно совместимым, идите на 800, но в остальном, я бы сказал, что ваш хороший с 1024, а что касается высоты, пользователь всегда может прокручивать.
Не забывайте, что полосы прокрутки, панели инструментов и боковые панели могут немного ограничить пространство. Даже если вы предполагаете, что разрешение составляет не менее 1024 * 768, не делайте ширину страницы шириной.
Определенно 1024 широкий (как в 980px или около того, который можно использовать), но, пожалуйста, не создавайте фиксированную высоту.
Я бы посмотрел на статистику: http://www.w3schools.com/browsers/browsers_display.asp.
По состоянию на январь 2009 года только 4% людей, посещающих W3Schools, используют разрешение 800x600 в качестве разрешения. Оставшиеся, используют по крайней мере 1024x768.
Остерегайтесь того, сколько из этих 4% может быть частью ваших пользователей.