如何在CSS中更改图像大小?

有时，需要将图像调整为特定的给定尺寸。我们可以通过指定图像的宽度和高度来调整图像的大小。常见的解决方案是使用max-width：100％；和高度：自动；这样大图像不会超过其容器的宽度。 CSS的max-width和max-height属性效果更好，但许多浏览器均不支持它们。

调整图像大小的另一种方法是使用适合图像的object-fit属性。此CSS属性指定如何调整视频或图像的大小以适合其内容框。它定义了元素如何以既定的宽度和高度适合容器。

object-fit属性通常应用于图像或视频。此属性定义元素如何响应其容器的宽度和高度。主要有五个对象适合属性的值，例如填充，包含，覆盖，无，缩小，初始和继承。该属性的默认值为“ fill”。

例

在此示例中，我们使用max-width：100％;调整图像大小。和高度：自动；属性。

输出量

例

在此示例中，我们使用object-fit：cover;属性。

输出量

在上面的示例中，我们使用了object-fit属性的cover值。与上面的示例类似，我们可以使用object-fit属性的其他值来调整图像大小。