メディアクエリ

Webのドロップダウンメニューとは、ユーザーがクリックするかホバー（マウスを重ねる）すると表示される選択肢のリストを提供するインターフェース要素です。 このメニューは通常、ページのナビゲーションバーやフォームの入力フィールドに組み込まれており、限られたスペースで多くの選択肢を提供するために使用されます。

今回はメディアクエリの中でも、デバイスの向きで指定できるコードを紹介。