Обнаружить браузер 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;)).Для своих сайтов я разрабатываю обычные и мобильные версии.