Risoluzione dello schermo

−CSS px

−

Viewport
−
Area disponibile
−
Rapporto pixel
−
Profondità di colore
−
Orientamento
−
Touch
−
Schema colori
−
Movimento ridotto
−
Browser
−
Sistema operativo
−
Lingua
−
Fuso orario
−

Domande frequenti

Che differenza c'è tra pixel CSS e pixel fisici?

Le pagine web si misurano in pixel CSS. Lo schermo disegna ogni pixel CSS con tanti pixel fisici quanto indica il rapporto pixel, quindi uno smartphone da 390 × 844 con rapporto 3 ha 1170 × 2532 pixel fisici.

Cos'è il device pixel ratio?

È il numero di pixel fisici per ogni pixel CSS in una direzione. Anche lo zoom del browser e il ridimensionamento dello schermo nelle impostazioni di sistema lo modificano.

Perché il viewport è più piccolo dello schermo?

La barra degli indirizzi, le schede, la barra delle applicazioni o il Dock e il bordo della finestra occupano parte dello schermo. Il viewport è l'area che resta alla pagina.

Qual è la risoluzione reale del mio schermo?

Moltiplica la dimensione in pixel CSS per il rapporto pixel. Sulla maggior parte degli schermi ottieni così la risoluzione nativa, anche con il ridimensionamento o lo zoom del browser.