●スマホは余裕を持って~480pxまで確保
●旧型のスマホのランドスケープ(横画面)も~480pxに含めて考える(iPhone 4s Landscape = 480px)
●小型タブレットは481px~768pxとしてiPad Portraitも含める
●iPadなどのタブレットは768px~1024pxまでを適用
● iPad Landscape1024pxではPC向けを適用
●1024px~はパソコンと同じデザインを適用

これだととっても売れたNexus7は現行機種のランドスケープでも960pxです。パソコン用は見れません。7インチ端末の需要から考えると960pxというブレイクポイントもおもしろいかもしれません。

出典レスポンシブのブレイクポイントを設定する前に知っておくべきこと | デアイモビ

更新日:2014年06月20日

前へ 次へ

この情報が含まれているまとめはこちら

レスポンシブサイトのブレイクポイント。みんなどうしてる?

web初心者の私が勉強したレスポンシブサイトのブレイクポイントのまとめです。

このまとめを見る