css - またはメディア クエリで使用していますか?

Question

<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (max-height: 500px)" />
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (orientation:portrait)" />

ポートレートとウィンドウの高さ < 500 のユーザーを対象とする上記のメディア クエリがあります。メディア クエリで OR を使用して、それらを 1 つのリンク タグに統合する方法はありますか?

Answer 1

OR 演算子には , を使用します。

参考：CSSメディアクエリ

したがって、コードは次のようになります。

<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (max-height: 500px), screen and (orientation:portrait)" />

Answer 2

これは、メディアクエリに関する MDN 記事の関連セクションです。

それらをコンマで組み合わせるだけです：

media="screen and (max-height: 500px), screen and (orientation: portrait)"