メディアクエリーの使用 - CSS | MDN
メディアクエリーによって、端末の種類(プリンターや画面など)や、画面の解像度、向き、アスペクト比、ブラウザーのビューポートの幅や高さ、ユーザーの設定(動きの軽減、データの使用、透明度など)などの機能や特徴に応じて CSS スタイルを適用することができます。