android - Xoom ブラウザー (Android) の検出

Question

CSS Media で Motorola Xoom ブラウザを検出するにはどうすればよいですか?

たとえば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 ブラウザーを検出したい場合は、ユーザー エージェント文字列を確認するしかありません。これは、このサイズの画面が多数あるためです。私の Web サイトでは、特別なタブレット バージョンは使用していません。タブレット ブラウザは非常に優れているため、特に注意する必要はありません (IE とは異なり ;))。私のウェブサイトでは、通常版とモバイル版をデザインしています。