Puntos de ruptura activos para un ancho

Desarrolladores front-end y diseñadores pueden introducir un ancho cuando necesitan saber qué umbrales del diseño se aplican a esa vista.

Prueba un ancho determinado para ver qué umbrales de diseño se activan y reconoce con claridad los puntos de ruptura aplicables a esa vista.

Cómo usar

Introduce el ancho en píxeles que quieres probar en el primer campo.
Añade uno o más valores de umbral, uno por línea, en el segundo campo.
Ejecuta la prueba para ver qué umbrales coinciden con el ancho proporcionado.
Lee el resultado y luego vacía los campos para probar otro ancho.
Repite con otros anchos si necesitas comprobar varios tamaños de pantalla.

Ejemplo

Con la entrada de ejemplo, la herramienta compara el ancho introducido con los umbrales indicados y muestra cuáles están activos. El resultado te ayuda a entender qué puntos de ruptura del diseño se aplican para ese ancho de pantalla.

Entrada

Límites y formatos

La herramienta compara números; no mide un dispositivo real ni simula un navegador.
Cada umbral debe introducirse en su propia línea y debe seguir siendo un valor numérico.
Un umbral mal escrito o una línea en blanco puede distorsionar la interpretación.
El resultado depende solo de los valores que proporciones, no de tu hoja de estilos real.
La herramienta no representa la página y no sustituye las pruebas en dispositivos.

Dónde se procesa

La comparación se ejecuta en tu navegador. El ancho y los umbrales que escribes no se envían a ningún servicio y no se conserva nada después de cerrar la página.

Preguntas frecuentes

¿Qué significa un umbral activo para un ancho?

Un umbral está activo cuando coincide con el ancho probado según la lógica de comparación de la herramienta. El resultado te ayuda a identificar qué puntos de ruptura son relevantes para ese tamaño de pantalla.

¿Puedo probar varios anchos a la vez?

No, la herramienta gestiona un ancho por ejecución. Vacía el campo y ejecuta la prueba de nuevo para comprobar otro tamaño.

¿Los umbrales deben estar ordenados en un orden concreto?

Puedes introducirlos en cualquier orden siempre que haya un valor por línea. La herramienta los compara con el ancho indicado y muestra cuáles corresponden.