0

少なくとも幅 800 ピクセル、高さ 800 ピクセルのすべてのデバイスに一致する CSS メディア クエリを作成したいと考えています。このメディア クエリの目的は、タブレットをターゲットにして電話を除外することです。この場合、モバイル デバイスのみを対象としているため、デスクトップについて心配する必要はありません。

私はから始めました:

@media all and (min-device-width: 800px), all and (min-device-height: 800px)

...しかし、2 つの条件のいずれかが満たされる (論理 OR) 場合に true になるため、それが機能するとは思いません。

したがって、私の次の推測は次のようになります。

@media all and (min-device-width: 800px, min-device-height: 800px)

OR ではなく AND の構文は何ですか?

4

2 に答える 2

3

宣言からコンマを削除します

@media all and (min-device-width: 800px) and (min-device-height: 800px) {
  //...........
}

詳細については、このドキュメントをお読みください

于 2012-04-10T09:47:03.947 に答える
1

これを試して。

高さを確認する必要はないかもしれませんが、幅 800 ピクセル、高さ 800 ピクセル未満のデバイスにアクセスできますか?

@media screen and (min-width: 800px) and (min-height:800px)
于 2012-04-10T09:00:59.157 に答える