ホームに戻る
Blog

画面解像度

画面解像度とディスプレイ情報を確認

あなたの画面解像度と詳細な表示情報をブラウザでリアルタイムに検出します。Retina および HiDPI ディスプレイに対応しています。ウィンドウのサイズを変更すると数値がすぐに更新されます。データはアップロードされません。

あなたの画面解像度

— × —

その他の情報

ディスプレイを検出中…

Web 開発者向け(JavaScript)

screen.width × screen.height =
window.innerWidth × innerHeight =
window.devicePixelRatio =
screen.colorDepth =

CSS 解像度(screen.width × height)はレイアウトで使用されます。デバイスピクセル比を掛けるとパネルの物理的なピクセル数が求められます。

Frequently Asked Questions

What is my screen resolution?

Your screen resolution is shown at the top of this page — it is the number of pixels your display uses horizontally by vertically, such as 1920 × 1080. It is detected live from your browser, so it is always accurate for the device you are using right now.

What is the difference between screen resolution and viewport size?

Screen resolution is the full size of your monitor or device display. Viewport size is just the area inside the browser window where web pages are drawn — it is smaller because it excludes the browser toolbar, tabs, and any open panels. This tool shows both.

Why is my physical resolution larger than my screen resolution?

On retina and HiDPI displays, each CSS pixel maps to multiple physical pixels. The device pixel ratio tells you how many. For example, a screen reported as 1280 × 800 with a pixel ratio of 2 has a physical panel of 2560 × 1600 pixels. Both values are shown here.

Does this work on phones and tablets?

Yes. The tool detects the resolution, pixel ratio, and orientation of whatever device you open it on, including phones and tablets. Rotate your device or resize the window and the values update instantly.