SGDG_39RAP

okiniiri website wo 'bookmark' shite orimasu.

CSS┃レスポンシブデザインのブレイクポイント

【2022年】レスポンシブデザインのブレイクポイントまとめ!

途中にも記載しますが、とにかくブレイクポイントだけ知りたい方向けに先に載せておきます。

 

PC基準でコーディングする場合
PC:設定なし(実質1025px以上)
タブレット:1024px [max-width : 1024px]
スマートフォン:599px [max-width : 599px]

 

SP基準でコーディングする場合
スマートフォン:設定なし(実質599px以下)
タブレット:600px [min-width : 600px]
PC:1,025px [min-width : 1025px]