Supporto tecnico pratico
Dimensioni dello schermo, zoom e pixel CSS
La lettura delle dimensioni dello schermo di un browser è utile per il supporto, ma non è sempre la specifica di visualizzazione stampata sulla scatola.
Ultima revisione: 2016
Le dimensioni dello schermo e lo spazio del browser rispondono a domande diverse
Un monitor può avere una risoluzione hardware elevata, mentre un browser segnala uno schermo logico più piccolo. Un sito Web deve anche adattarsi alla finestra del browser effettiva, che può essere molto più stretta del display.Prima di diagnosticare un modulo ritagliato o un pulsante sovrapposto, identificare il valore che si sta confrontando.
Comprendere le tre letture principali
| Lettura | Che cosa descrive | Usalo per |
|---|---|---|
| Dimensioni dello schermo, in pixel CSS | Le dimensioni dello schermo riportate dall'API dello schermo del browser. | Comprendere la visualizzazione del display da parte del browser, soggetta a scalabilità e comportamento di privacy. |
| Finestra del browser, in pixel CSS | La finestra di visualizzazione del layout della pagina, piuttosto che l’esterno del frame del browser. | Riprodurre un problema di layout reattivo o confrontare le larghezze delle finestre. |
| Rapporto di pixel del dispositivo | La relazione tra i pixel del dispositivo e i pixel CSS nell'ambiente di navigazione corrente. | Non si tratta di un modello di monitor o di un inventario di hardware, ma di una semplice descrizione. |
Perché lo zoom e la scala del display sono importanti
I pixel CSS sono unità di layout piuttosto che una promessa di un pixel fisico per schermo ciascuna. La scalatura del sistema operativo e lo zoom della pagina del browser possono modificare il modo in cui queste unità si riferiscono al display. Una finestra con le stesse dimensioni esterne può dare a una pagina meno spazio di layout a uno zoom di pagina più elevato.
Lo zoom a pizzico su un dispositivo touch è diverso dallo zoom di pagina ordinario: può ingrandire la finestra di visualizzazione visiva senza modificare la finestra di visualizzazione del layout nello stesso modo. Questo controllore riporta i valori del layout del browser, quindi non ogni modifica dello zoom visibile modificherà il numero della finestra. Visualizzazione del layout e Rapporto di pixel del dispositivo.
Riprodurre un errore di layout con una modifica controllata
- Apri Controllo dello schermo e delle finestre Nel browser interessato.
- Registra la lettura della finestra etichettata, la versione del browser e qualsiasi zoom di pagina noto.
- Se appropriato, confrontare anche lo zoom normale della pagina del browser, senza rimuovere le impostazioni di accessibilità necessarie.
- Tornare alla pagina interessata e ripetere la stessa azione.
Ad esempio, se un pulsante di checkout si sovrappone a una finestra stretta ma non a una più ampia, invia le letture di entrambe le finestre. Questo fornisce allo sviluppatore un punto di partenza utile per riprodurre il layout, ma non dimostra che il monitor sia difettoso o che dovresti acquistare uno schermo a risoluzione più elevata.
Cattura la parte utile della pagina
Una schermata ritagliata può mostrare la sovrapposizione o il controllo mancante. Includi abbastanza contenuti circostanti per spiegare dove si verifica, rimuovendo nomi, dettagli dell'account e schede private. I tuoi dettagli di supporto esaminati.
Se hai bisogno della risoluzione nativa dello schermo
Moltiplicare la lettura dello schermo di un browser per il suo rapporto di pixel non è un modo affidabile per dimostrare la risoluzione nativa del pannello, in particolare in caso di zoom, sessioni remote, display multipli o controlli della privacy.