Herramientas de navegador
Resolución de pantalla
Tu resolución de pantalla, el tamaño del viewport y el pixel ratio del dispositivo.
La resolución de pantalla y el tamaño del viewport son medidas distintas que suelen confundirse. La pantalla es el monitor; el viewport es el área que tu página recibe realmente.
La relación de píxeles del dispositivo explica por qué una pantalla de 2560 píxeles puede informar de un viewport de 1280.
Preguntas frecuentes
¿Por qué mi viewport es menor que mi pantalla?
El viewport excluye la interfaz del navegador, las barras de desplazamiento y cualquier parte de la ventana que no muestre la página. Con la ventana maximizada, la diferencia suele ser la barra de herramientas y las pestañas.
¿Qué es la relación de píxeles del dispositivo?
Cuántos píxeles físicos componen un píxel CSS. Una relación de 2 significa que un viewport de 1280 se dibuja con 2560 píxeles físicos, y por eso el texto se ve nítido en esas pantallas.
¿Sobre qué medida debo diseñar?
Sobre el viewport. Las media queries y el diseño trabajan en píxeles CSS, así que la resolución de pantalla por sí sola dice muy poco sobre el espacio disponible.
Herramientas relacionadas
- Información del navegador Un informe completo de lo que tu navegador expone a cada sitio web.
- Verificador de User-Agent Consulta tu cadena User-Agent y qué revela sobre tu configuración.
- Verificador de zona horaria Consulta la zona horaria detectada, el desfase UTC y la hora local.
- Cuál es mi IP Consulta al instante tu IP pública, ubicación, proveedor y ASN.