レスポンシブWEBデザインへの対応で頻繁に使うCSS の Media Queries ですが、条件分岐のやり方をよく忘れるので整理しました。 「iPad」「iPhone」「iPhone 5」の端末別に加えて、「ブラウザ幅」での条件分岐もまとめています。 横向き、縦向き横向き@media only screen and (orientation:landscape) { } 縦向き@media only screen and (orientation:portrait) { } 端末別(iPad、iPhone)iPad 横向き/*1024px*/ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { } iPad 縦向き/*768p