Vocabulario de Desarrollo web · CSS y maquetación

¿Qué significa breakpoint?

Significado en Desarrollo web, traducción al español y ejemplos

/ˈbreɪkpɔɪnt/sustantivoTérmino frecuente

breakpoint: punto de ruptura, breakpoint

Ancho de pantalla en el que cambia un diseño adaptable, por ejemplo, de una columna en teléfonos a tres columnas en ordenadores.

Cómo se usa

Se define con consultas de medios, a menudo en anchos como 640, 768 o 1024 píxeles, aunque muchos equipos fijan los puntos donde el contenido lo necesita. Diseño y desarrollo acuerdan un conjunto común.

Frases de ejemplo

  1. At the tablet breakpoint the menu turns into a hamburger icon.

    En el punto de ruptura de tableta, el menú se convierte en un icono de hamburguesa.

    El cambio de ancho activa otra presentación de la navegación.

  2. We only have three breakpoints: mobile, tablet and desktop.

    Solo tenemos tres puntos de ruptura: móvil, tableta y escritorio.

    El diseño contempla tres rangos principales de pantalla.

Combinaciones frecuentes

  • mobile breakpoint
  • add a breakpoint
  • breakpoint system
  • at the desktop breakpoint

Esta palabra en otras especialidades

Una misma palabra en inglés puede tener un significado diferente según la especialidad:

Más términos: CSS y maquetació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: