CSSピクセルとデバイスピクセルの違い
Web上のピクセル測定はCSSピクセルを基準とします。Retinaディスプレイでは1つのCSSピクセルが複数の物理ピクセルに対応します。
Web制作者・デザイナー向けの活用法
- Checking UI alignment: Measure margins, padding, and layout spacing of on-screen elements directly.
- Image dimensions: Find out the actual rendered width and height of images on a webpage.
- Responsive design: Measure breakpoints to see exactly when layouts shift on your specific monitor.