メディアクエリの画面幅数値指定と数

Question

サイト制作をしたり、技術書を読んでいるとメディアクエリでのサイズ指定数値が様々なことに気づきました。

普段僕が使っているのは
@media (max-width: 576px) {}
@media (max-width: 768px) {}
@media (max-width: 1200x) {}
です。

Bootstrapのサンプルでは
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px){}
です。

あるhtml/cssの技術書は
@media screen and (max-width: 768px) {}
だったり
@media all and (min-width: 600px) {}
という1つだけの指定が記されています。

もちろんクライアントの要望やデザインによって変更したほうがいいと思うのですが、
基準となる数値や指定する数などは厳密な決まりのようなものはあるのでしょうか？

また、自分はこういう風に書いているという
感じで教えて頂けると幸いです。

回答宜しくお願い致します。

Answer 1

ブレークポイントでググるとたくさん情報が出てきました。

ブレークポイントで調べたところ
会社や人によってだいぶ違うということが分かり
特に厳密な決まりはないという感じでした。

また国によっても1312pxなど見慣れない数字も出てきていたので、
自分がこれから作るサイトのユーザーをリサーチしておき
彼らが使いやすい数値に設定するのがベストだそうです。

大体指定数値は2つから3つくらいでよくて、
レスポンシブ対応するためスマホデザインは先に記述して
次にタブレット、そしてPC版という順番が
モバイルファーストになるので吉だそうです。

僕はbootstrapをよく使うので
bootstrapの数値を参考にしてみます。