タグ

ブックマーク / www.newton-graphics.com (1)

  • iPhone・iPadの縦横でCSSを切り替える | newtongraphics

    iPhoneiPad、それぞれの縦にした時、横にした時の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

    moromoro
    moromoro 2012/06/27
    メディアクエリで対応
  • 1