CSS 픽셀과 디바이스 픽셀의 차이
웹에서는 CSS 픽셀 단위로 측정합니다. 레티나 디스플레이에서는 1개의 CSS 픽셀이 여러 개의 물리 픽셀로 표현됩니다.
웹 디자이너 및 개발자를 위한 활용법
- 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.