图片占满容器的宽度

Question

9 浏览2023年5月23日

匿名的 2023年1月9日

0 Comments

这个问题已经在这里有了答案:

CSS图片大小，如何填充但不拉伸？

这是一个非常基础的问题，但我是为客户做市场营销的，除了基本的HTML、CSS之外，我不太了解其他的知识。

我在下面的URL中有一个图像滑块，我应该怎么做才能让图像占据容器的整个空间（因为图像两侧有条纹）。我只需要删除填充还是有更高效的方法可以放在样式表中。非常感谢您的帮助。

$\"enter$

admin 更改状态以发布 2023年5月23日

0

匿名的 · Answer 1 · 2023-01-09T20:57:58+00:00

使用以下CSS:

div
{
background-image:url(http://placekitten.com/200/300);
width:300px;
height:100px;
background-repeat:no-repeat;
background-size: cover;
}

匿名的 · Answer 2 · 2023-01-09T20:57:58+00:00

尝试在您的CSS文件中添加以下规则：

.inspiry_property_portrait_slider .flex-viewport ul li a img{
    width: 100% !important;
}

这是结果：

粘贴图片描述的图像