iPhoneとiPad、それぞれの縦にした時、横にした時のCSSの書き方。 jsでの切替も色々あったけど、結局CSS書くので、CSSだけで完結目指しました。 Win環境なのでシュミレーター( 私はこれ→ Electric Mobile Simulator )で反映することが必須ってことで試行錯誤した結果がこちら。 @mediaで条件分岐 それぞれの最大横幅と最小横幅、さらに縦か横かの判別を使いました。 横幅の最大値 max-width 横幅の最小値 min-width 縦であるならば orientation:portrait 横であるならば orientation:landscape /* ----iPhone 3~4---- */ @media only screen and (min-width: 320px) and (max-width: 480px) { /* sty