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

尝试将图像从max-width: 100%更改为width: 100%，如果它适用于您（删除白色边框，代价是按比例拉伸图像）。