Существует ли стандартное разрешение веб-страниц для мобильных телефонов?

Question

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

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

Answer 1

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

Совместимость веб-сайта iPhone

Метрики отображения Android

При этом если вы хотите поддерживать большинство мобильных устройств, вы можете захотеть поддерживать несколько разрешений.

Answer 2

Этот сайт очень удобен. Современная база данных различных устройств и их экранные характеристики.

Answer 3

Вы можете

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

В устройствах Android, iPhone и Blackerry нет большой разницы в размерах экрана. С легким предвидением и дизайном вы можете иметь возможность работать со всеми этими телефонами на одном мобильном веб-сайте (например, было бы справедливо сказать, что ширина будет 240 пикселей или больше, и соответственно проектировать)

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

Answer 4

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

Answer 5

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

Answer 6

да, есть размеры 1024 x 960 x 800 x 768 x 640 x 480 x 360 для размеров адаптивного веб-дизайна - лучше использовать проценты для avod this

Answer 7

Просто нет.

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

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