CSSの if () 関数を使用すると、スタイルにインラインのメディアクエリを含めることができます。 たとえば、ユーザーのテーマ設定(ライトまたはダーク)をチェックしたり、ビューポート幅のインラインメディアクエリを実行したりできます。
CSS3のMedia Queries(メディア クエリ)を使用して、デスクトップのブラウザ用をはじめiPhone, iPadなどのモバイル用にスタイルシートを分けるためのフレームワークを紹介します。 「/* Styles */ 」の箇所にスタイルシートを記述。