Rileva la risoluzione dello schermo e del viewport, con test dei breakpoint reattivi e aggiornamenti in tempo reale al ridimensionamento
Strumenti Utili
Informazioni sullo strumento
Lo strumento di Rilevamento Risoluzione Schermo mostra istantaneamente la risoluzione del tuo schermo, le dimensioni del viewport, il rapporto pixel del dispositivo, l'area dello schermo disponibile, l'orientamento e i breakpoint reattivi — tutto aggiornato in tempo reale quando ridimensioni la finestra del browser.
Caratteristiche principali
- Rilevamento immediato della risoluzione dello schermo e delle dimensioni del viewport
- Mostra il rapporto pixel del dispositivo e l'area dello schermo disponibile
- Visualizza l'orientamento corrente (orizzontale o verticale)
- Indicatore dei breakpoint reattivi (XS, SM, MD, LG, XL, XXL)
- Aggiornamenti in tempo reale al ridimensionamento della finestra del browser
- Nessuna installazione richiesta, funziona interamente nel browser
Casi d'uso
- Controlla la risoluzione dello schermo e le dimensioni del viewport per lo sviluppo web
- Verifica il breakpoint reattivo attualmente attivo per il layout
- Testa come il tuo sito web risponde a diverse dimensioni della finestra
- Identifica il rapporto pixel del dispositivo per test su display ad alta densità
- Controlla rapidamente l'orientamento dello schermo durante il design reattivo
screen
resolution
viewport
Domande frequenti
Quali informazioni mostra lo strumento di rilevamento della risoluzione dello schermo?
Lo strumento mostra la risoluzione del tuo schermo, le dimensioni del viewport, il rapporto pixel del dispositivo, l'area dello schermo disponibile, l'orientamento corrente (orizzontale o verticale) e il breakpoint reattivo a cui appartiene il viewport.
Qual è la differenza tra risoluzione dello schermo e dimensioni del viewport?
La risoluzione dello schermo è la dimensione in pixel fisici del tuo monitor (es. 1920x1080). Le dimensioni del viewport sono l'area visibile della finestra del browser, tipicamente più piccola dello schermo intero a causa dell'interfaccia del browser, della barra delle applicazioni e delle impostazioni di zoom.
Cos'è il rapporto pixel del dispositivo?
Il rapporto pixel del dispositivo (DPR) è il rapporto tra i pixel fisici dello schermo e i pixel CSS. Un DPR di 2 significa che ogni pixel CSS utilizza 2x2 pixel fisici, comune nei display Retina e ad alta densità. Questo influisce sul rendering delle immagini e sul design reattivo.
Come posso testare i breakpoint reattivi?
Lo strumento mostra in tempo reale la larghezza e l'altezza correnti del viewport. Ridimensiona la finestra del browser per vedere i cambiamenti nelle dimensioni. Questo aiuta a identificare quali breakpoint CSS sono attivi a diverse dimensioni della finestra.
Può rilevare l'orientamento dello schermo?
Sì. Lo strumento mostra se lo schermo è in orientamento verticale o orizzontale, particolarmente utile quando si testano layout reattivi su dispositivi mobili o monitor ruotati.