拍摄容器全宽的图像

Question

是一个基本的问题，但是我为客户做市场营销，所以除了基本的HTML，CSS之外，对其他知识了解不多。

下面的URL中有一个图像滑块，该怎么办，图像占据了容器的全部空间（因为图像的两边都有条形）。我是否只删除填充或在样式表中放些更有效的方法？感谢您的帮助

https://www.vibrantrealestate.com.au/property/outstanding-warehouse-space-style-on-the-citys-edge/

Answer 1

使用以下CSS

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

<div>a</div>

Answer 2

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

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

这是结果：