Droid 2 не обнаружен по запросу CSS @media

Question

Я использую следующий запрос CSS @media для стилизации моей страницы для мобильных браузеров, таких как iPhone и Android:

@media only screen and (max-device-width: 480px) {
     // CSS here
}

Однако один из моих пользователей говорит, что он не обнаруживает его телефон Droid 2. Его строка агента пользователя:

Mozilla/5.0 (Linux; U; Android 2.2; en-us; DROID2 GLOBAL Build/S273) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.12011-07-18 05:34:59

Что с этим?

Answer 1

Экран Droid 2, по-видимому, 854x480, поэтому попробуйте (max-device-width: 854px).

ref: http://arstechnica.com/gadgets/reviews/2010/08/hands-on-motorolas-droid-sequel-is-a-worthy-update.ars

Answer 2

Если вы сделаете max-device-width: 854px, оно всегда будет включать 480px.
Ключевое слово: Макс