web404

画面解像度の確認

現在閲覧中のデバイス及びブラウザに関する情報は、以下のとおりです。

デバイスの論理ピクセル(Density-independent Pixel)
px, 高さ px
表示領域の論理ピクセル(CSSピクセル)
px, 高さ px
デバイスピクセル比
デバイスの物理ピクセル(デバイスピクセル,推定値)
px, 高さ px


これ何?

このページは、アクセスしたデバイスの画面解像度を表示します。
ピクセル数に関する情報です。
つまり、使用中のデバイスのスペックを調べることができます

論理ピクセルは、ソフトウェアが扱う便宜上のピクセルで、物理ピクセルは、デバイスのディスプレイが実際に画素として持つピクセルです。
昔の液晶ディスプレイでは、論理ピクセル = 物理ピクセル で何の問題もありませんでしたが、現在は1つの論理ピクセルを複数の物理ピクセルを使って表現するデバイスが増えました。
「1つの論理ピクセルを、いくつの物理ピクセルで表示するか」を表す数値が、デバイスピクセル比です。
したがって、デバイスピクセル比が1でない場合は、論理ピクセルと物理ピクセルが一致しなくなります。
ユーザーにとっては、見え方の精細さが変わるくらいで、特に気をつける必要はないのですが、Webデザインにおいては、このことを考慮しなければならないケースがあります。

ホームページが想定したとおりに表示されないデバイスがあった場合は、そのデバイスの画面解像度をこのページを使って確認することで、修正の手がかりをつかめるかもしれません。
たとえば、パソコンでブラウザのウィンドウサイズを変えたり、スマホのPC版サイトで閲覧する機能を使うことでも、このページの表示内容は変わります。