¿Qué significa breakpoint?
Significado en Diseño UX/UI, traducción al español y ejemplos
breakpoint: punto de quiebre, punto de ruptura
Ancho de pantalla en el que cambia una composición adaptable, por ejemplo cuando tres columnas pasan a una o la navegación se convierte en un icono de menú.
Cómo se usa
Se diseñan unas pocas vistas para móvil, tableta y escritorio, y se implementan con consultas de medios CSS. Conviene situar cada punto donde el contenido deja de funcionar bien, no en función de un dispositivo concreto.
Frases de ejemplo
At the tablet breakpoint, the sidebar moves below the main content.
En el punto de quiebre de tableta, la barra lateral pasa debajo del contenido principal.
El cambio de composición se activa al llegar al ancho pensado para tableta.
We need an extra breakpoint around 1,100 pixels, where the table starts to overflow.
Necesitamos otro punto de quiebre cerca de 1100 píxeles, donde la tabla empieza a desbordarse.
El desbordamiento del contenido señala el ancho donde hace falta un ajuste adicional.
Combinaciones frecuentes
- mobile breakpoint
- add a breakpoint
- at each breakpoint
- breakpoint width
Términos relacionados
Esta palabra en otras especialidades
Una misma palabra en inglés puede tener un significado diferente según la especialidad:
Más términos: Diseño visual y composición
Practica con lecturas adaptadas a tu nivel
Leer textos de tu nivel te ayuda a recordar las palabras nuevas. Elige libros gratuitos en inglés: