画面の横幅設定など、レシポンシブルに対応する場合、簡単に３〜４種類くらいの設定でよいかなと感じています。
(1) 横幅 375px ... iPhone6S, iPhon SE など用
(2) 横幅 412px ... Android, iPhone6S plus など用
(3) 横幅 750px ... iPad, デスクトップモニター用
(4) 横幅1024px ... デスクトップモニター用
横幅1024pxはデスクトップモニター用で、最近は1000px前後の設定のサイトが多いようです。1024pxはディスプレー設定にある値なのでなんとなくそうしただけです。 文字を読むには広い気もするので、私はあまりこの横幅まで広げてWEBを書くことはありません。
また通常は、４種類も設定するのは面倒なので、だいたいのページは、(1)375pxと、(3)750px の２種類にすることが多いです。