ブラウザー画面ルーラー

CSSピクセルは物理的なミリメートルではありません。ブラウザーズームと表示倍率で実寸は変わります。

表示中のビューポートで2点をクリックします。

使い方

ビューポートのCSSピクセル座標

オーバーレイはポインター位置をCSSピクセルで読み取り、水平・垂直・ユークリッド距離を計算します。ブラウザーズーム、ページレイアウト、デバイスピクセル比によってCSSピクセルとデバイスピクセルの対応は変わります。

画面サイズ、ビューポートサイズ、devicePixelRatioはブラウザーが公開する値です。校正済みの物理DPIや、実寸に一致するルーラーを保証しません。

オーバーレイはこのページ内で動作し、座標を送信・保存しません。リセットまたはページを離れると測定値は消去されます。

よくある質問

物理的なミリメートルですか？

いいえ。ビューポート内のCSSピクセルを測定します。物理寸法には既知サイズの物体による校正が必要で、表示倍率やブラウザーズームで変わることがあります。

デバイスピクセル比とは何ですか？

デバイスピクセルとCSSピクセルの比としてブラウザーが報告する値です。画面の物理的な画素密度を完全に表すものではありません。

ブラウザーウィンドウのどこでも測れますか？

オーバーレイは表示中のビューポートを覆います。小さな操作パネルは引き続き操作でき、その上のクリックは測定点ではなくコントロールとして扱われます。