My Screen Resolution

Ve tu viewport actual y resolución de pantalla — se actualiza en vivo mientras redimensionas la ventana.

Cómo usar

  1. Abre la página para ver el tamaño de tu viewport (el área interior de la ventana del navegador).
  2. Redimensiona la ventana del navegador — el número se actualiza en vivo.
  3. La resolución de pantalla y la relación de píxeles también se muestran como referencia.

Sobre esta herramienta

El viewport es el área dentro de la ventana del navegador donde se renderiza la página — es lo que las media queries de CSS prueban con max-width y min-width. La resolución de pantalla es la pantalla completa. Son diferentes: un navegador maximizado en una pantalla 1920×1080 tiene un viewport de aproximadamente 1920×969 (menos el chrome del navegador).

Esta herramienta muestra las dimensiones del viewport en tiempo real, actualizándose mientras redimensionas la ventana. Los desarrolladores web la usan para probar breakpoints responsivos sin abrir DevTools.

La relación de píxeles se incluye porque afecta cómo se renderizan las imágenes y el CSS: una pantalla 2× necesita imágenes @2x para renderizado nítido.

Preguntas frecuentes

¿Viewport vs resolución de pantalla?

La resolución de pantalla es la pantalla completa. El viewport es el área de contenido de la ventana del navegador — más pequeño por la altura de la barra de direcciones, pestañas y barras del sistema.

Does this work on mobile?

Sí — el viewport en móvil es el área entre la barra de direcciones y la navegación inferior.

¿Mis datos salen del navegador?

No. Everything runs locally in JavaScript on your device — nothing is transmitted or stored.

Herramientas relacionadas

¿Enlaces largos? Acórtalos gratis

Vai.la convierte cualquier URL en un enlace corto con estadísticas de clics, código QR y tu propio biolink.

Vai.la no se hace responsable del uso de las herramientas ni de las decisiones tomadas a partir de sus resultados.