css中怎样让图片完全伸展

CSS中如何实现图片完全伸展呢？下面让我们来看一下具体的方法。

/*代码1*/
img{
    width:100%;
    height:auto;
}

/*代码2*/
img{
    object-fit: cover;
} 

方法一：

使用height:auto和width:100%的方式，在图片宽度和高度之间保持比例的情况下，让图片自适应容器宽度，实现图片完全伸展。

方法二：

使用object-fit: cover属性，让图片完全填满容器，不保留宽高比例。具体来说，该属性值会自动缩放图像，直到它刚好装满容器，同时裁剪图像的溢出部分来适应容器的大小。

无论采用哪种方法，我们都可以实现图片完全伸展的效果。不过，在应用中需要根据具体情况选择最适合的方法来实现，以达到最好的视觉效果。