Каково стандартное “минимальное” разрешение, которое я должен поддерживать с веб-сайтом? [дубликат]

Я бы посмотрел на эту статистику: http://www.w3schools.com/browsers/browsers_display.asp .

По состоянию на январь 2009 г. только 4% людей, посещающих W3Schools, используют разрешение 800x600. Остальные используют разрешение не менее 1024x768.

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

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

Из статьи в Якобе Nielsen Alertbox под названием Разрешение экрана и макет страницы :

Оптимизация веб-страниц для разрешения 1024x768, но используйте гибкий макет, который растягивается хорошо для любого разрешения, от 800x600 до 1280x1024.

Могу я также предложить вам проверить максимальное разрешение . Многие сайты невозможно использовать (без масштабирования) в разрешении 1920x1200 из-за того, что люди используют фиксированный размер шрифта и т.п.

Дорогой Бог, разве мы забыли?

ЦЕЛЬ HTML - языка описания ЛОГИЧЕСКОЙ страницы - заключается в том, что вам НИКОГДА не нужно думать или беспокоиться об устройстве отображения.

Что происходит, если устройство отображения является устройством чтения текста для слепых?

Или текстовым браузером на консоли?

Но главное не в этом; главное, что HTML ЛОГИЧЕСКИ описывает страницу. Если вы в своем логическом описании страницы делаете ИСТИННО ФИЗИЧЕСКИЕ описания, то вы ПОЛУЧИЛИ ЭТО НЕПРАВИЛЬНО. Вы пишете веб-страницы, как будто вы Word, излучающий HTML!

Вам нужно написать свой веб-сайт так, чтобы он работал ЛОГИЧЕСКИМ образом, то есть вы оставляете проблему визуализации ИСТИННО в руках агента визуализации. , Если вы этого не делаете, значит, вы ошиблись.

Рассмотрите возможность использования гибкой компоновки, которая адаптируется к экрану пользователя. Большинство сайтов с фиксированным макетом заставляют большинство пользователей просматривать сайт, нацеленный на наименьший общий знаменатель, даже если у 90% посетителей доступно гораздо более высокое разрешение. Это приводит к тому, что макеты чрезмерно заполнены навигационным хромом и небольшим содержанием.

Если вы должны использовать фиксированный макет, подумайте о том, чтобы воспользоваться подсказкой от MSN, где вы разделите экран на столбцы с 760 и 224 пикселями. Если посетитель имеет разрешение 800 (которое можно определить в JavaScript), скройте столбец 224 пикселя.

ОБНОВЛЕНИЕ из комментариев: Что касается определения безопасного минимума, я бы установил ваш экран на 800x600, а затем просмотрел некоторые популярные общедоступные сайты - MSN, Yahoo и т. Д. И посмотрел, что они делают. Держу пари, что они

1024 x 768 подойдет. У большинства людей есть такая настройка разрешения, а у тех, у кого ее нет, не будет серьезных проблем с пользователем. Кроме того, чтобы ваша страница хорошо вписывалась в браузер, с учетом полос прокрутки и т. Д., Сделайте размер своих страниц 960 пикселей.

1) Мой браузер не развернут. Размер моего экрана не имеет значения. Размер окна моего браузера соответствует.

2) Разрешение экрана iPhone 480x320. NewEgg в настоящее время предлагает как минимум один монитор с разрешением 1920x1080 по цене менее 200 долларов. Использование любого из этих разрешений сделает ваш сайт совершенно непригодным для использования в другом. Даже если вы разделите разницу и дизайн на 1024x768, вы получите полоску, покрывающую половину ширины экрана на мониторе за 200 долларов (что, IMO, выглядит как чушь), и ее все равно нельзя будет использовать на iPhone.

Экраны не просто становится больше. Их тоже становится меньше. Тенденция движется к гибкому макету вместо фиксированной ширины, и на это чертовски веская причина.

Я обычно создаю веб-сайты шириной 800.

Высота не является проблемой, так как пользователь может прокручивать страницы.

Как сказал Марк, сейчас существует множество нетбуков. Большинство из них теперь имеют размер 1024x600, но есть также некоторые из «старых» нетбуков, которые имеют более низкое разрешение, чем это все еще. У меня, например, * wince * 800x480.

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

Не забывайте, что полосы прокрутки, панели инструментов и боковые панели могут немного сузить пространство. Даже если вы предполагаете, что разрешение составляет не менее 1024 * 768, не увеличивайте ширину страницы 1024.

Определенно 1024 в ширину (как в 980 пикселей или около того, что можно использовать), но, пожалуйста, не проектируйте для фиксированной высоты.