1

OS と iOS 向けに最適化されたサイトを持っていますが、browserstack.com を介して Android 向けにテストしたところ、メディア クエリで Android デバイスをターゲットにすることに戸惑いました。

iOS デバイスで機能するクエリは次のとおりです。

#using em based query after reading this article: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
@media only screen and (device-width: 20em)

さまざまなクエリ (px ベースのクエリを含む) を試しましたが、すべて/ほとんどのハンドヘルド Android デバイスで機能するクエリが必要です。これで運が良かったですか？アイデアをありがとう。

4

4 に答える 4

0

1em = 16px私が以下のメディアクエリを使用すると仮定します

@media only screen and (min-device-width: 20em) and (max-device-width: 30em)

screenこれにより、幅がとの間のデバイス320pxが検索され480pxます。これは、モバイルデバイスのかなり良い標準です。

于 2013-03-22T20:53:40.577 に答える
0

メディア クエリを使用して Android をターゲットにしたい場合は、dpi をクエリすることでそれを偽造できると思います。

@media screen and (min-resolution: 192dpi) { … }
于 2013-03-23T03:51:56.303 に答える
0

メディア クエリを使用してデバイス タイプを見つけることはできません。これには、ユーザー エージェント スニッフィングを使用する必要があります。ただし、 CSS-Tricksに関するメディア クエリの優れたリソースがあります。

于 2013-03-22T20:39:31.677 に答える
0

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queriesでデモをご覧ください。

device-width: 20em何かしらの問題を引き起こしそうです。だからここを見てください。

于 2013-03-22T20:45:40.877 に答える