Risoluzione Schermo e Dati Monitor
Il tuo browser riporta questi valori in tempo reale. Ridimensiona la finestra per vedere il viewport aggiornarsi istantaneamente.
La risoluzione è il numero di pixel visualizzati orizzontale × verticale. Uno schermo 1920×1080 ha ~2 milioni di pixel. Risoluzione più alta significa maggiore dettaglio.
Il DPR confronta pixel fisici con pixel CSS. Un DPR di 2 significa il doppio dei pixel fisici rispetto ai CSS — comune su schermi Retina/HiDPI. Gli schermi standard hanno un rapporto di 1.
La risoluzione è la dimensione fisica totale dello schermo. Il viewport è l'area visibile all'interno della finestra del browser, escludendo le barre degli strumenti. Entrambi si riducono se la finestra non è massimizzata.
La frequenza (Hz) indica quante volte al secondo lo schermo si aggiorna. 60 Hz = 60 fotogrammi al secondo. Frequenze più alte (120 Hz, 144 Hz) producono movimenti più fluidi. Usiamo il timing requestAnimationFrame.