BxSlider空白

Question

我是新的html/css/javascript，并试图添加一个图像滑块使用BxSlider到我的网站。我有一个问题，当滑块扩展到一定的大小，它开始添加一个白色的边缘。这是因为图像已经达到了最大宽度吗？或者我需要在代码中修改一些东西吗？

我的图片和滑块在一个带有包装器id的div中。css是：

#wrapper {
    max-width: 70%;
    margin: auto;
    padding: 0 %;
    padding-top: 4%;

}

并将用于img的css设置为

img {
    max-width: 100%;
    padding: none;
}

谢谢!

Answer 1

尽管您没有包含足够的信息来简单地回答您的问题(即源图像和包含元素的尺寸)，我会说你是对的。

在bxSlider主页上进行了一个快速测试-将div.home-slider wrapper的宽度增加到1000px以上(这是源图像的宽度)，导致右侧出现白色边框。See annotated screenshot。

尝试将图像的CSS从max-width: 100%更改为width: 100%，如果它对您有效(删除白色边框，但代价是按比例拉伸图像)。