iPhone iPad の Media Queries ブレイクポイント

CSS @media で iPhone iPad を基準としたブレイクポイントを指定する時の参考表示領域。
iPad 9.7インチ縦向きの横幅は 768px。
iPad 10.5インチ縦向きの横幅は 834px。
iPhone 5.8インチを横向きで使うと 812px になり、iPad 9.7インチの横幅を超える。
iPhone 6.5インチに至っては、横向きで使うと 896pxになり、スマホとタブレットの境界を引くのは困難な状況。
iPad を基準のブレイクポイントにするなら、@media (min-width:768px){}、@media (min-width:834px){} 辺りが1つの目安になりそう。

端末と表示領域