Detecta la resolución de pantalla y ventana gráfica, con prueba de puntos de ruptura responsive y actualización en tiempo real al redimensionar
Herramientas útiles
Acerca de esta herramienta
La herramienta de Detección de resolución de pantalla muestra instantáneamente la resolución de su pantalla, el tamaño de la ventana gráfica, la relación de píxeles del dispositivo, el área de pantalla disponible, la orientación y los puntos de ruptura responsive. Toda la información se actualiza en tiempo real al redimensionar la ventana del navegador.
Características principales
- Detección instantánea de la resolución de pantalla y el tamaño de la ventana gráfica
- Muestra la relación de píxeles del dispositivo y el área de pantalla disponible
- Muestra la orientación actual (horizontal o vertical)
- Indicador de puntos de ruptura responsive (XS, SM, MD, LG, XL, XXL)
- Actualización en tiempo real al redimensionar la ventana del navegador
- Sin instalación necesaria, se ejecuta completamente en el navegador
Casos de uso
- Verificar la resolución de pantalla y el tamaño de la ventana gráfica para desarrollo web
- Verificar a qué punto de ruptura responsive corresponde actualmente el diseño
- Probar cómo responde su sitio web a diferentes tamaños de ventana
- Identificar la relación de píxeles del dispositivo para pruebas de pantallas de alto DPI
- Verificar rápidamente la orientación de la pantalla durante el trabajo de diseño responsive
screen
resolution
viewport
Preguntas frecuentes
¿Qué información muestra la herramienta de Detección de resolución de pantalla?
La herramienta muestra la resolución de su pantalla, el tamaño de la ventana gráfica, la relación de píxeles del dispositivo, el área de pantalla disponible, la orientación actual (horizontal o vertical) y el punto de ruptura responsive al que pertenece la ventana gráfica.
¿Cuál es la diferencia entre la resolución de pantalla y el tamaño de la ventana gráfica?
La resolución de pantalla es el tamaño físico en píxeles de su monitor (por ejemplo, 1920x1080). El tamaño de la ventana gráfica es el área visible de la ventana del navegador, que suele ser más pequeña que la pantalla completa debido a la interfaz del navegador, la barra de tareas y la configuración de zoom.
¿Qué es la relación de píxeles del dispositivo?
La relación de píxeles del dispositivo (DPR) es la proporción entre los píxeles físicos de la pantalla y los píxeles CSS. Un DPR de 2 significa que cada píxel CSS utiliza 2x2 píxeles físicos, común en pantallas Retina y de alto DPI. Esto afecta la renderización de imágenes y el diseño responsive.
¿Cómo pruebo los puntos de ruptura responsive?
La herramienta muestra en tiempo real el ancho y alto actuales de la ventana gráfica. Redimensione la ventana del navegador para ver cómo cambian las dimensiones. Esto ayuda a identificar qué puntos de ruptura CSS están activos en diferentes tamaños de ventana.
¿Puede detectar la orientación de la pantalla?
Sí. La herramienta muestra si la pantalla está en modo vertical u horizontal, lo que es particularmente útil al probar diseños responsive en dispositivos móviles o monitores rotados.