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