レシポンシブデザインについていくつか疑問があったので箇条書きします。。。
①レシポンシブデザインではUser agentを使ったり、メディアクエリを使ったりいくつか方法があると思います。またメディアクエリでも種類がありますよね。
一体どのようなレシポンシブデザインの方法が主流なのでしょうか(widthによって切り替えるのが主流...?)
②自分は先日までデバイスピクセル辺りのことについて無知でした。ビューポートの設定をするとiphoneのwidthは375pxになるんですね...。そこで質問なのですがbootstrapやメディアクエリなどでは、デバイスの画面のピクセル数ではなく、ブラウザの表示領域のピクセル数によって切り替えが起きるのでしょうか?
③スマートフォンでは画面のピクセル数と表示領域のピクセル数は大きく違いますが、パソコンなどのディスプレイの場合どうなるのでしょうか?
例えば自分の使っているパソコンのディスプレイの横のピクセル数は1920ですが、表示領域もwidthも1920ということなのでしょうか?