¿Cómo puedo hacer que una imagen se ajuste a un div completo (cambiando el tamaño de la imagen si es necesario)?

-3
dhaval 9 oct. 2019 a las 20:05

3 respuestas

La mejor respuesta

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.

1
j08691 9 oct. 2019 a las 17:09

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; 
} 
0
web designer 9 oct. 2019 a las 17:10

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.

0
Anurag 9 oct. 2019 a las 17:12