x

Acerca de

El módulo Breakpoint mantiene el seguimiento de los puntos de interrupción de la altura, anchura y resolución cuando un diseño adaptable tiene que cambiar para responder a diferentes dispositivos usados para ver el sitio. Este módulo no tiene interfaz de usuario. Para más información, consulte la documentación online para el módulo Breakpoint.

Terminología

Salto de pantalla (breakpoint)
Un punto de interrupción separa la altura o la anchura de las ventanas gráficas (pantallas, impresoras y otros tipos de salida de los medios de comunicación) en pasos. Por ejemplo, un punto de interrupción con anchura de 40em crea dos pasos: uno para anchos de hasta 40em y uno para anchos anteriores 40em. Los puntos de interrupción se pueden utilizar para definir cuándo los diseños deben cambiar de una forma a otra, cuando las imágenes deben cambiar de tamaño y otros cambios que se necesitan para responder a los cambios en la altura o anchura de la ventana gráfica.
Media query
Consultas de medios son un vía formal de codificar puntos de interrupción. Por ejemplo, un punto de interrupción de 40em podría ser escrito como una consulta de medios "(min-width: 40em)". Los puntos de interrupción son realmente consultas de medios con algunos metadatos adicionales, tales como nombre y información de multiplicador.
Multiplicador de resolución
Los Multiplicadores de resolución son una medida de la resolución de la ventana del dispositivo, que se define como la relación entre el tamaño de pixel físico del dispositivo activo y el pixel independiente del tamaño de dispositivo . El módulo Breakpoint define multiplicadores de 1, 1,5 y 2; al definir puntos de interrupción, los módulos y los temas pueden definir qué multiplicadores se aplican a cada punto de interrupción.
Grupo de salto de pantalla
Los saltos de pantalla (breakpoints) se pueden organizar en grupos. Los módulos y temas deberían usar los grupos para separarlos; estos grupos se pueden usar para diferentes propósitos, como saltos de pantalla para distintas presentaciones o para redimensionar imágenes.

Usos

Definiendo saltos de pantalla (breakpoint) y grupos de saltos de pantalla
Los módulos y temas pueden usar la API proporcionada por el módulo Puntos de salto para definir puntos de salto y grupos de puntos de salto y para asignar multiplicadores de resolución a puntos de salto.