0

ページのサイズを変更するときのデスクトップと携帯電話の両方で、このメディアクエリを機能させるようにしています。

このモバイルでの作業

@media screen and (max-device-width: 320px) {
   ...
}

そしてこれはデスクトップ上

@media screen and (max-width: 320px) {
   ...
}

しかし、私はそれらを両方とも動作させることができませんor。演算子を使用しようとしましたが、動作しませんでした。

4

1 に答える 1

2

メディアクエリのW3ドキュメントによると：

複数のメディアクエリをメディアクエリリストに組み合わせることができます。メディアクエリのコンマ区切りリスト。カンマ区切りのリスト内の1つ以上のメディアクエリがtrueの場合、リスト全体がtrueになり、それ以外の場合はfalseになります。メディアクエリの構文では、コンマは論理ORを表し、'and'キーワードは論理ANDを表します。

またはの代わりにコンマを使用してください：

@media screen and (max-device-width: 320px), (max-width: 320px) {
   ...
}
于 2012-06-08T17:21:23.293 に答える