Queries]ですが、デバイスが縦長か横長かの状態によってでも振り分けが可能です。使用するのは「orientation」要素。縦長の場合は「portrait」を。横長の場合は「landscape」を指定します。縦横が同じ長さの場合は「portrait」が適用されるようです。ここに処理を書く}注意する点としては、スマートフォンやタブレットを含むすべてのデバイスに適応されること。PCのディスプレイサイズにも依存します。TwitterFacebookGoogle+FeedlyLINEこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。【CSS3】マウスホバー時の様々なエフェクトを実装できる[Hover.css]が便利です。【CSS】マウスカーソルの形状を変える。Japanese]を使う。【CSS3】最新のスタイルシートのテクニック「flexbox」を使ったアコーディオン風のウェブデザイン。【CSS3】ブラウザによって異なるフォーム要素のデザインをリセットする方法。【CSS】セレクタ一覧HTMLタグ、CSSタグの読み方。