Una Guía Rápida Para Puntos Verticales de Quiebre

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

¡Bienvenido a otro video tutorial Envato Tuts+! En este video te voy a dar una introducción rápida a usar puntos verticales de quiebre CSS.

Los puntos de quiebre son sinónimos con el diseño web responsivo; son los puntos en los cuáles eliges alterar la retícula de un diseño. Por ejemplo, 768 px es un ancho de ventana de visualización comúnmente usado, debajo de la cuál podrías querer acomodar tu retícula para dispositivos móviles, y sobre la cuál podrías pensar más en términos de escritorio.

Sin embargo, los puntos de quiebre no solo aplican de manera horizontal, al ancho de una ventana de visualización; podrían entrar en efecto por un número de razones diferentes. En este tutorial, vamos echar un vistazo a puntos verticales de quiebre, que son aplicados en relación a la altura de una ventana de visualización. Los usamos con las propiedades min-height y max-height dentro de media queries CSS. Echemos un vistazo más profundo.

En este video, revisamos los siguientes escenarios:

Cambiar el espaciado y tamaño de fuente en ventanas de visualización pequeñas.
Ajustar tamaños de navegación móvil en ventanas de visualización pequeñas.
Hacer fijo un encabezado o pié de página, solo cuando hay suficiente espacio.
Ajustar secciones de pantalla completa para ventanas de visualización pequeñas.

Asegúrate de descargar los archivos fuente para seguir a la par.

Una Guía Rápida Para Puntos Verticales de Quiebre

Lecturas Posteriores