レスポンシブ対応の仕様書

レスポンシブ対応で迷うのはブレイクポイントの設定です。

つまり、○○○ピクセル以上はデスクトップ用のレイアウト、○○ピクセル未満はモバイル用のレイアウトと云う決まりごとです。

正直、開発者によって違います。

わたしは今までの経験から以下の仕様をオススメしてますし、今まで困ったことはありません。

max-width: 1440px; をベースにして、横幅 768px 以上はデスクトップ用、横幅 768px 未満はモバイル用の CSS を用意してます。

更に、最近はモバイル環境でのブラウズが 60% を超えてることもあるので、モバイル用の CSS をベースにして、デスクトップ用の CSS を書き加えるスキームで仕上げてます。