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

Question

Большинство статистических данных о браузере показывают разрешение экрана.

Это хорошо для Windows, где браузеры обычно открывают полноэкранный режим, и большинство людей оставляют это так. Поэтому, если в статистике браузера указано 1024x768, вам просто нужно вычесть небольшую ширину для браузера Chrome.

На Mac, однако, браузеры обычно не открывают полный экран.

Какой ширины может быть браузер Mac, когда он открывается как таковой.

Я думаю о ширине 960 в соответствии с рекомендациями Что такое лучшая абсолютная ширина для веб-страницы . Тем не менее, мне интересно, если это одинаково хорошая ширина для Mac?

Я не уверен, когда Apple последний раз делала ноутбуки или экраны 1280x768, так что, вероятно, это не проблема. Меня немного расстраивает то, что в большинстве мест, где я нахожу статистику по разрешению экрана, не отображается фактическая доступная ширина.

Answer 1

Дизайн прочь, мой друг. Дисплей Apple упаковывает много пикселей.

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

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

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

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

http://a248.e.akamai.net/7/248/2041/1469/as-images.apple.com/is/image/AppleInc/M9177?wid=185&hei=185&fmt=jpeg&qlt=95&op_sharpen=0&resMode=bicub&op_usm=0.5,0.5,0,0&iccEmbed=0&layer=comp

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

Sidenote: @ Тейлор Маршалл задает хороший вопрос: «Что если все ширины установлены на 100%? Насколько велика [окно браузера] получается ...?»

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

Answer 2

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

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

Answer 3

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

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