调整css图像大小以适合

by admin Posted on

所以我放了一个类型列表，每个类型都有一个图像。正如你所看到的，下面的列表中有水图像的剪切。我该如何解决这个问题呢？

我有一个水文本的类，所以它可以显示文本，而我正在尝试将它添加到html列表中。

这是我用css编写的类代码

.water{
    background: url('../images/water.png');
    object-fit: contain;
    background-repeat: no-repeat;
    max-width:100%;
    height:auto;
    text-indent: -9999px;
}

?

?

这要归功于HolyMoly

“据我所知，object-fit直接用于img标签，我认为您需要使用background-size: contain或background-size: cover，因为您没有将css应用于图像标签，而是使用图像作为背景”- HolyMoly

转载请注明出处:http://www.400tyeyaji.com/article/20230526/1490917.html