2010-03-02 4 views
32

Большинство дизайнеров используют 1024x768 в качестве основы для разработки сайта. Это позволяет им использовать сетки css, например, 960 &, чтобы легко конспектировать контент. Есть ли аналогичное базовое разрешение для проектирования для мобильных телефонов?Есть ли стандартное разрешение для веб-страниц для мобильных телефонов?

Большинство пользователей будут использовать телефоны iphone, android и blackberry.

+0

Проверить [этот вопрос] (http://stackoverflow.com/questions/10031266/mobile-and-desktop-screen-size-statistics) – Jens

ответ

34

320 на 480 это общее разрешение экрана для новых мобильных устройств.

iPhone Website Compatibility

Android Display Metrics

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

+8

Являются ли эти значения актуальными? Два года спустя? –

+1

@OlivierPons Я собираюсь * угадать * нет. – Dan

+0

Мобильный мир взорвался, так как это было изначально опубликовано, что дает нам множество размеров экрана. Понятно, что существует огромный массив размеров, но кто-нибудь знает, какой размер экрана * обычно просматривается * или * медианный * в настоящее время? –

2

если вы используете апачский ApacheMobileFilter может помочь определить фактический размер экрана устройства

2

Вы можете

  1. получить размеры экрана для устройств, которые вы планируете поддерживать,
  2. Создание говорят, 2-3 версии вашего сайта и обнаружить UserAgent строку и прямой пользователь одного из этих сайтов.

С андроидными, iphone и blackerry устройствами нет большой разницы в размерах экрана. Благодаря прозорливости и дизайну litle вы можете иметь все эти мобильные телефоны на одном мобильном веб-сайте (например, было бы справедливо сказать, что ширина будет составлять 240 пикселей или больше, и соответственно дизайн)

Однако, если вы планируете чтобы идти дальше, чем там, на этих платформах есть мир боли, ожидающий вас (размеры J2ME, BREW, Symbian, WinMo и 120x160, 176x220 и т. д.)

1

Просто, нет.

Много информации здесь. http://www.quirksmode.org/mobile/

Есть слишком много устройств со слишком большим количеством разных экранов, чтобы принять общее разрешение. Хотя это может быть так, что 320 x 480 можно найти на многих устройствах, это ни в коем случае не является «общим». Вы должны использовать гибкие принципы проектирования, а затем использовать медиа-запросы или js-обнаружение, чтобы добавить класс, чтобы настроить отображение на нужные размеры. Это часть того, что делает мобильным так трудно спорить прямо сейчас.

1

да есть 1024 х 960 х 800 х 768 х 640 х 480 х 360 для resposive размеров веб-дизайна - лучше идти с процентами для AVOD это

12

This website супер удобно. Самая современная база данных различных устройств и их экранные спецификации.

+0

вы также можете проверить, как выглядит веб-сайт с помощью страницы quirktools, http://quirktools.com/screenfly/, у нее есть некоторые разрешения экрана по умолчанию, но вы также можете использовать пользовательский. Если вы объедините возможность протестировать медиа-запросы здесь с информацией об устройстве, опубликованной @luke, мы можем получить очень чистый конечный результат :) –

+1

Хорошо, что сайт http://screensiz.es/ был обновлен, но, похоже, застрял во времени. Нет новых телефонов. –

1

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

Смежные вопросы