Какая ширина экрана браузера мне нужна для поддержки Mac OS?

Прочь дизайн, друг мой. На дисплее Apple много пикселей.

Окно откроется в полноэкранном режиме на Mac без проблем. Он просто экономит место, когда это возможно, в отличие от поведения ПК, который заполняет экран независимо от того, сколько места на самом деле нужно сайту.

Другими словами, если Mac не открывает окно в полноэкранном режиме, это тот случай, когда у пользователя есть свободное место. Так что это те случаи, о которых вам не нужно беспокоиться. Если браузер Mac OS должен работать в полноэкранном режиме, чтобы разместить сайт, он это сделает. Но когда размер сайта составляет всего 960 пикселей, а у пользователя великолепный киноэкран 2560 x 1600, он остановится на разрешении 960 пикселей, что достаточно для устранения горизонтальных полос прокрутки.

Причина, по которой люди замечают такое поведение, заключается в том, что дисплеи Apple часто слишком велики, поэтому полноэкранный режим часто не нужен. Самый маленький дисплей, который Apple поставляет на любой ноутбук, — это вместительный 1280x800. Самый маленький iMac уже 1680x1050. Они только становятся больше оттуда.

Что касается выбора размеров, применяются обычные соображения. Играйте со своим наименьшим общим знаменателем. Просто знайте, что разрешение экрана даже скромного дисплея Apple будет соответствовать отраслевому стандарту. Если вы готовы использовать 990 или 960 для ПК, это будет также приемлемо для Mac.

_{(источник: akamai.net )}

Большинство дизайнеров, с которыми я работаю, больше беспокоятся о том, чтобы дизайн был слишком узким для пользователей Apple. Они проектируют в формате 960 пикселей, чтобы он работал на большую аудиторию, а затем пытаются найти творческие способы показать немного больше любви владельцам этого гигантского киноэкрана.

Примечание: @Taylor Marshall задает хороший вопрос: что, если все значения ширины установлены на 100 %? Насколько большим становится [окно браузера]...?

Без каких-либо ограничений Firefox просто перейдет в полноэкранный режим, как поведение MS Windows. Safari расширится до ширины 800 пикселей, если ширина уже не превышает 800, и в этом случае он поддерживает эту ширину и изменяет только высоту окна. Конечно, если нет никаких жестких значений ширины, то дизайн представляет собой гибкий макет, поэтому проблема проектирования для определенной ширины несколько меняется. Обычно хорошие гибкие макеты, несмотря на то, что они корректно отображаются в любом размере, тем не менее предназначены для просмотра при разумной ширине окна.

Вместо того, чтобы беспокоиться об абсолютной ширине, почему бы не сделать проценты и задать минимальную ширину, чтобы она не начинала выглядеть слишком ужасно при более низких разрешениях?

Минимальная ширина может быть там, где ваши 960 или 990 вступают в игру.

Статистика, которую вы прочитали, основана на реальных размерах экранов посетителей. Если вы ищете статистику о том, какой размер браузера у среднего пользователя, вам нужно искать в другом месте. Кроме того, я никогда не просматриваю полноэкранный режим в Windows или Mac OS, и я считаю, что дизайн шире 960 пикселей или около того очень раздражает. (это 2^16+2^17+2^18+2^19)

Мне повезло с размером браузера. Смотрите второй график.