Preguntas frecuentes
¿Qué diferencia hay entre píxeles CSS y píxeles físicos?
Las páginas web se miden en píxeles CSS. La pantalla dibuja cada píxel CSS con tantos píxeles físicos como indica la relación de píxeles, así que un móvil de 390 × 844 con una relación de 3 tiene 1170 × 2532 píxeles físicos.
¿Qué es la relación de píxeles del dispositivo?
Es el número de píxeles físicos por cada píxel CSS en una dirección. El zoom del navegador y la escala de pantalla de la configuración del sistema también la cambian.
¿Por qué el viewport es más pequeño que la pantalla?
La barra de direcciones, las pestañas, la barra de tareas o el Dock y el marco de la ventana ocupan parte de la pantalla. El viewport es el espacio que queda para la página.
¿Cuál es la resolución real de mi pantalla?
Multiplica el tamaño en píxeles CSS por la relación de píxeles. En la mayoría de las pantallas así obtienes la resolución nativa, aunque uses escala de pantalla o zoom del navegador.