スマホ対応ウェブサイトの横幅の大きさ

主にスマホで見られるウェブサイトを作っています。
いろいろ調べたのですが、現在手元にあるP20liteでテストしています
P20liteの画面サイズは2280×1080ピクセルです
しかしp20liteからグーグルクロームでwebサイトを見た場合、横幅320ピクセルのようです
それで今主流のi-phoneだと横幅375ピクセルにするとよい、とウェブデザインのサイトに書いてありました。
私のp20liteはピクセルだと画面が小さすぎるような気がするし、
i-phoneのブラウザ画面が横幅が375ピクセルもあるのが信じられません
横幅320だとかなり古い機種のスマホだと書いてあるのですが、
なぜ私のp20liteはブラウザ表示横幅320ピクセルなのかわかりません。
320ピクセルであっているんでしょうか？教えてください

No.2 ベストアンサー 回答者： gura_ 回答日時： 2020/01/21 08:19

hidari88さん

>･････ブラウザ表示横幅320ピクセルなのか･････････

問題は「デバイスピクセル」と「CSSピクセル」の違いのことですね。

ご参考に↓
https://qiita.com/imusam/items/cd4f8da49c3ab73d6 …
https://www.internetacademy.jp/blog/ja/2015/12/2 …

No.1 回答者： かわごえ 回答日時： 2020/01/21 01:07

https://www.kagoya.jp/howto/webhomepage/responsi …
https://webtan.impress.co.jp/e/2018/04/04/28482
ここらへんを参考に
って既に理解しているとこでしょうか。

あんま字が小さいと老眼では読めませんからね
どこで分けるかはサイトごとに異なりますし、これからのデバイスによっても変わるところだと思います。