ブレークポイント考察

2019年ブレークポイント

560px/960px

スマホ 320〜559px
タブレット 560〜959px
PC 960px以上

【新定番】レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版]

 

 

Foundation4のブレークポイントは768px
ArtWorksのブレークポイントは766px ページにより768pxでCSS追加

レスポンシブCSSで使うブレイクポイントの決め方

 

PCとタブレットは同じとして、スマホを別にした場合、・ブレイクポイント1

ブレイクポイント1: 600~768px: スマートフォン/タブレットの境界
ブレイクポイント2: 960px: タブレット/狭いPCの境界 (タブレット横置きを含む)
ブレイクポイント3: 1,280px: 狭いPC(タブレット横置きを含む)/広いPCの境界

 

iPhone/iPad/Apple Watch解像度(画面サイズ)早見表