質問: iphone5でランドスケープの切り替えが動かず、困っております。 iphone6では問題なく、スマホを横にしたら切り替わります。 iphone5では、横にしたとき、縦の見た目のまま伸びてしまう感じです。 media screenにて指定して、幅で切り替えるようにしています。 あまりランドスケープ対応をしたことがないため初歩的なミスかもしれません。 ご教授いただけますと幸いです。。 **viewport** ``` ``` **css** ``` /* iphone5 横のとき */ @media screen and (max-width: 640px) { ... } /* iphone5 横のとき */ @media screen and (max-width: 1136px) { ... } ```
回答: とりあえず書かれている順にスタイルを記述されているなら、`max-width: 640px` で設定したものは `max-width: 1136px` で指定したもので上書きされます。 あと、縦横は `orientation` で指定可能です。 【iPhone/iPad/iPad mini用メディアクエリ一覧 | ENTEREAL/エンタリアル】 【[CSS]iPad、iPhone 5 向けレスポンシブWEBデザインに必要な Media Queries のまとめ】