Fabian Ayo

Ver Video Yotube
imágenes de tipo bitmap y vectorial----->

Imagen Responsive Básica

Esta imagen será proporcionalmente escalada para que su anchura sea del 100 % de su contenedor. El contenedor puede tener una anchura máxima de 960.

Imagenes Responsive en Columnas

Estas imágenes se muestran adyacentes entre sí. Se escalarán proporcionalmente en función del tamaño de la ventana del navegador.

2 Columnas

3 Columnas

Imagenes Responsive con Breakpoints

Estas imágenes se mostrarán en 1 columna en dispositivos pequeños (teléfonos inteligentes ), en 2 columnas en dispositivos medianos (tablets), y en 4 columnas en grandes dispositivos (equipos de escritorio).

Imagen Responsive Full-width

Esta imagen será siempre 100 % de ancho , porque su contenedor no tiene ninguna propiedad de anchura máxima.