Обнаружить браузер Xoom (Android)

Question

Как я могу определить браузер Motorola Xoom с помощью CSS Media?

например для iPad я использую @media only screen and (device-width:768px)

Что такое аналогичный медиа-запрос для браузера Motorola Xoom?

Answer 1

@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) { … }

Смотрите: http://webdesign.about.com/od/css3/a/css3-media-queries.htm

Answer 2

Разрешение экрана 1280x800так что ширина либо 1280 или же 800:

@media only screen and (device-width:800px)

или же

@media only screen and (device-width:1280px)

Таким образом, вы также можете использовать другой макет в зависимости от ориентации устройства.

Хотя я бы не просто полагался на ширину устройства. Если вы действительно хотите обнаружить браузер Xoom, ваша единственная возможность - взглянуть на строку пользовательского агента, потому что есть много экранов с такими размерами. Для своих веб-сайтов я не использую специальные версии для планшетов, браузеры для планшетов настолько хороши, что не нуждаются в дополнительном уходе (в отличие от IE;)). Для своих сайтов я разрабатываю обычные и мобильные версии.