如何在html中根据div大小调整图像

如何在html中根据div大小调整图像,html,css,Html,Css,如何使图像适合整个div(如有必要,请调整图像大小)?是的,您可以使用 width: auto; height: 400px; object-fit: cover; 根据您的选择,您可以使用“包含”、“填充”等代替“覆盖”。您不能总是使用相同的尺寸显示 因为您的容器可能是其他尺寸的 但通常的方法是将高度设置为100%,然后将其隐藏 反之亦然 宽度:100% 或使用对象拟合:悬停 同: 如果在%中提供DIV的高度或宽度,则DIV将根据图像的大小进行扩展,但如果在pixle“px”中提

如何使图像适合整个div(如有必要,请调整图像大小)?

是的,您可以使用

  width: auto;
  height: 400px;
  object-fit: cover;

根据您的选择,您可以使用“包含”、“填充”等代替“覆盖”。您不能总是使用相同的尺寸显示 因为您的容器可能是其他尺寸的 但通常的方法是将高度设置为100%,然后将其隐藏 反之亦然 宽度:100%

或使用对象拟合:悬停 同:


如果在%中提供DIV的高度或宽度,则DIV将根据图像的大小进行扩展,但如果在pixle“px”中提供DIV的宽度和高度,则DIV将具有固定的高度和宽度

谢谢你,正是我想要的!问题是重复的:可能重复的
img { 
     width:100%; 
     height:100%; 
     object-fit:cover; 
}