¿Cómo puedo hacer que una imagen se ajuste a un div completo (cambiando el tamaño de la imagen si es necesario)?
3 respuestas
Sí, puedes usar
width: auto;
height: 400px;
object-fit: cover;
En lugar de la cubierta, puede usar contener, llenar, etc. según su elección.
No siempre se puede mostrar con las mismas dimensiones porque su contenedor puede ser de otros tamaños, pero la forma normal es establecer la altura al 100% y ocultar el desbordamiento o viceversa ancho: 100%
O use object-fit: coloque el mouse sobre lo mismo que:
img {
width:100%;
height:100%;
object-fit:cover;
}
Si proporciona la altura O ancho de DIV en% , el div se expandirá según el tamaño de la imagen, pero si proporciona el ancho y altura de la div en pixeles "px " entonces el div tendrá altura y ancho fijos.
Preguntas relacionadas
Nuevas preguntas
html
HTML (HyperText Markup Language) es el lenguaje de marcado principal para crear páginas web y otra información que se mostrará en un navegador web. Las preguntas sobre HTML deben incluir un ejemplo reproducible mínimo y alguna idea de lo que está tratando de lograr. Esta etiqueta rara vez se usa sola y a menudo se combina con [CSS] y [javascript].