曖昧なモバイル画面の解像度

Question

私の電話機の実際の解像度は？ CSSが検出する解像度。

携帯電話はSamsung S6です。その工場仕様は1440px x 2560pxの解像度を示しています。

どのようにしてCSS @media(max-width:...px)を使用して画面の解像度を検出すると、モバイルブラウザは768pxから991pxの幅のように動作します。

Google Chromeの点検ツールを使用してモバイルビューに切り替えると、サムスンS5の解像度は360px x 640pxになります。

だから、この中で実際の解像度はどこですか？

Answer 1

画面サイズと画面解像度は同じではありません。あなたは2つを混同しているようです。

Googleのウェブデベロッパーツールは、画面の解像度ではなく画面のサイズを検出します。

画面解像度は、画面に表示されるテキストと画像の明瞭さを指します。

1600 x 1200ピクセルなどの高解像度では、項目がシャープに表示されます。

要約すると、 Googleの検査ツールはデバイスの物理的な画面サイズをピックアップしてエミュレートしますが、本質的にテキスト/画像の出力品質である画面解像度をエミュレートしません。