Puntos de interrupción

Los puntos de interrupción son aquellos en los que el diseño de un sitio web se adapta a diferentes tamaños de pantalla.Son una parte fundamental del diseño web adaptable, que garantiza que los usuarios disfruten de una experiencia coherente y accesible en teléfonos, tabletas y computadoras de escritorio.

Objetivo:

Al definir puntos de interrupción, nos aseguramos de que los elementos de la página, como los menús de navegación, el texto y las imágenes, se ajusten sin problemas a medida que cambia el tamaño de la ventana gráfica. Esto permite a los usuarios interactuar con el contenido cómodamente en cualquier dispositivo.

Puntos de interrupción usados en InsureKidsNow.gov:

Nuestro sitio web respeta los puntos de interrupción basados en dispositivos, que se basan en los tamaños de pantalla estándar para dispositivos móviles, tabletas y computadoras de escritorio:

Por qué es importante:

• Los desarrolladores usan puntos de interrupción para garantizar que los diseños y componentes se adapten correctamente a los diferentes dispositivos.
• Los diseñadores las usan para planear el espaciado adaptable, la tipografía y los diseños de cuadrícula.
• Los creadores de contenido deben tener en cuenta los puntos de interrupción al agregar títulos largos, imágenes anchas o tablas, para que el contenido funcione correctamente en pantallas más pequeñas sin que se altere el diseño.

Pautas:

• Pruebe siempre los nuevos diseños o componentes en las vistas para celulares, tabletas y computadoras de escritorio.
• Para mayor coherencia, siga las convenciones de cuadrícula y puntos de interrupción de USWDS siempre que sea posible.
• Evite los anchos fijos; use unidades adaptables (como porcentajes o rems) que se ajusten automáticamente.