BxSlider 空白区域答案

【问题标题】：BxSlider white spaceBxSlider 空白区域
【发布时间】：2023-03-15 13:00:02
【问题描述】：

我是 html/css/javascript 的新手，正在尝试使用 BxSlider 将图像滑块添加到我的网站。当滑块扩展到一定大小时，我遇到了一个问题，它开始添加白边。这是因为图像已达到最大宽度吗？还是我需要更改代码中的某些内容？

我的图像和滑块位于一个 div 中，其 id 为 wrapper。 CSS是：

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

}

并且有 css for img as

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

谢谢！

【问题讨论】：

【解决方案1】：

虽然您没有提供足够的信息来简单地回答您的问题是/否（即源图像和包含元素的尺寸），但我会说您是对的。

对 bxSlider 主页的快速测试 - 将 div.home-slider-wrapper 的宽度增加到 1000 像素以上（这是其源图像的宽度）会导致右侧出现白色边框。 See annotated screenshot.

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

【讨论】：