Analisi della DPR dello schermo

...

Device Pixel Ratio

Dimensioni logiche della pagina (viewport), come le vede il CSS

...

Pixel fisici effettivamente impegnati nel visualizzare la pagina

...

Confronto Lunghezza
(100px CSS)

Pixel fisici Pixel fisici accesi: 100

Pixel CSS (logici) Pixel accesi su questo schermo: ...

Il browser moltiplica i pixel CSS per la Device Pixel Ratio (DPR) prima di accenderli. Se la DPR è maggiore di 1, la barra blu sarà più lunga.

Confronto di Leggibilità (16px)

16px Fisici Sono leggibile?

16px Logici Adesso sono leggibile!

A sinistra: testo alto 16 pixel reali, fisici (spesso illeggibile).
A destra: testo alto 16 pixel CSS, logici (ingrandito e nitido).