0

進行中のサイト: http://www.modernfuture.net/wordpress

私の CSS では、次の行を使用して、Android デバイス (480px) のランドスケープ モードをスタイル設定します。

@media only screen and (max-width:480px)

デスクトップでサイトを表示する場合、これは完全に機能しますが、私のアンドロイド Galaxy S3 では機能しません。

ただし、そのコード行を次のように変更すると 

@media only screen and (min-width:480px)

Android デバイスで必要なように見えますが (右側の小さな空白を除いて)、メディア クエリのスタイリングがデスクトップ バージョンに適用されるようです。

ランドスケープ モードを定義する CSS が私の Android デバイスに適用されないため、メディア クエリが正しく機能していないようです。デスクトップ バージョンと Android ランドスケープ バージョンの両方に適用されるか、どちらにも適用されません。デスクトップの幅に対して別のメディア クエリを設定する必要がありますか? それとももっと単純なものですか？

事前にたくさんありがとう！

4

1 に答える 1

0

S3をターゲットにするには、質問のものとは異なるピクセルサイズが必要です

 @media only screen and (max-device-width: 720px) and (orientation:portrait) {
  // your css
}

@media only screen and (max-device-width: 1280px) and (orientation:landscape) {
  // your css
}
于 2013-08-30T17:22:46.133 に答える