投稿日：2020年07月31日 デザイン

こんにちは、Eです。 端末の種類（画面サイズ）で条件付きスタイルが適用できることでおなじみのメディアクエリですが、たとえばスマートフォンの画面サイズだけでなく、スマートフォンを横向きにした際にのみ適用する「(orientation: landscape)」という横向き指定用のメディアクエリがあります。
ただ、使用する際は画面サイズとともに記述しないと画面サイズが縦より横に長い場合にも適用されてしまうのでご注意を。「and」 でつないで「(max-width:○○)」を指定してあげてください。