Desarrollador

Probador de Resolución de Pantalla Gratis

Ve el tamaño de tu ventana del navegador, resolución de pantalla, DPR y qué breakpoint de Tailwind está activo. Sin registro.

100% gratis — no se necesita cuenta

0 x 0

Tamaño de Ventana

Resolución de Pantalla

0 x 0

Relación de Píxeles del Dispositivo

1x

Orientación

Horizontal

Breakpoint de Tailwind
xs0-639
sm640-767
md768-1023
lg1024-1279
xl1280-1535
2xl1536+
Dispositivos Coincidentes
iPhone SE
375 x 667
iPhone 15
393 x 852
iPad
810 x 1080
MacBook Air
1440 x 900
1080p
1920 x 1080
1440p
2560 x 1440
4K
3840 x 2160

Funciones de Probador de Resolución de Pantalla Gratis

Métricas del navegador y pantalla en tiempo real

Breakpoints de Tailwind

Sabe qué breakpoint de Tailwind CSS (sm/md/lg/xl/2xl) está activo actualmente.

Coincidencia de Dispositivo

Ve qué dispositivos comunes coinciden con tu tamaño de ventana actual.

Ratio de Píxeles

Ve tu ratio de píxeles del dispositivo — importante para pantallas retina/high-DPI.

Actualizaciones en Vivo

Todos los valores se actualizan al instante cuando redimensionas la ventana del navegador.

Preguntas frecuentes

¿Qué es el ratio de píxeles del dispositivo?

DPR es la proporción entre píxeles físicos y píxeles CSS. Un DPR de 2 (Retina) significa que cada píxel CSS se renderiza con 4 píxeles físicos.

¿Por qué mi resolución es diferente de las especificaciones de mi pantalla?

El tamaño de ventana del navegador ≠ resolución de pantalla. La ventana suele ser más pequeña que la pantalla, y la escala DPR significa que los píxeles CSS difieren de los físicos.

¿Qué son los breakpoints de Tailwind?

sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px. Tu diseño cambia en estos anchos en el diseño responsivo de Tailwind CSS.

¿Te gustan nuestras herramientas gratuitas?

Construye Contenido Responsivo

Prueba tus diseños responsivos en diferentes dispositivos.