Categorías
Programación

Mantener el aspect ratio de 4×3, 16×9 o el que sea en las imágenes con CSS

Uno de mis quebraderos de cabeza últimamente es el CSS. Con la llegada de nuevos dispositivos la necesidad imperativa de mostrar correctamente las imágenes en nuestros sitios web se hace cada día mas presente. Actualmente según mi analytics las visitas de un equipo de sobremesa o portátil apenas alcanzan un 50%. El resto son móviles o tablets. El caso es que uno de mis dolores de cabeza era mantener imágenes con su «relación de aspecto» y que no se te «descojone» toda la web… Si solo buscas respuesta y quieres evitar el «ladrillo» de texto aquí tienes varios ejemplos funcionando y el código de ejemplo que ire modificando…