Resolución de Pantalla e Información del Monitor
Tu navegador reporta estos valores en tiempo real. Redimensiona la ventana para ver cómo se actualiza el tamaño del viewport al instante.
La resolución es el número de píxeles mostrados horizontal × vertical. Una pantalla de 1920×1080 tiene ~2 millones de píxeles. A mayor resolución, más detalle.
El DPR compara píxeles físicos con píxeles CSS. Un DPR de 2 significa el doble de píxeles físicos que CSS — común en pantallas Retina/HiDPI. En pantallas estándar el ratio es 1.
La resolución es el tamaño físico total de la pantalla. El viewport es el área visible dentro de la ventana del navegador, excluyendo barras de herramientas e interfaz. Ambos disminuyen si la ventana no está maximizada.
La frecuencia (Hz) indica cuántas veces por segundo se actualiza la pantalla. 60 Hz = 60 fps. Frecuencias más altas (120 Hz, 144 Hz) dan movimiento más fluido. Usamos requestAnimationFrame para la medición.