@mediaのorientationはviewportの縦横がどっちが長いかであって、デバイスが縦か横かじゃないですよ 公開日2012-11-16タグCSSまさかの連日更新という事態に自分で驚いています。昨日が妄想垂れ流しで長かったので、今日は短めに。 body { background: white; } @media (orientation: portrait) { body { background: blue; } } @media (orientation: landscape) { body { background: red; } } さて、上記のような CSS を読んだページがあったとして body の背景は何色になるだろうか? デスクトップブラウザ(横長画面)では背景は white、スマホやタブレットで縦の時は背景が blue で横の時は red、となると思ったら全然違