滑块图像不会调整大小

Question

我在Bootstrap中构建了一个响应主题，并且滑块图像没有调整大小。在大约900px时，图像消失。这也与主菜单在徽标下方移动的尺寸相同。

有关如何调整图片大小的任何想法？ 您可以在以下位置查看问题：http://www.coloradobariatrics.com

Answer 1

我在代码中发现了错误。您将其设置为在mediapss文件的第2707行处以900px或更低的值显示无

导致问题的CSS

.pageSlider .ls-container
{
    display: none;
}

解决问题的CSS

您需要将其删除或将其设置为display: block;，如下所示：

.pageSlider .ls-container
{
    display: block;
}

下一个问题是你的问题标题所示，为什么图像没有调整大小？问题是你使用的滑块并没有考虑到响应性，它是一个视差滑块，所以它使事情变得更加复杂。

不幸的是，我这里唯一的建议是获得一个视差响应滑块和swap it with a plugin like this one。

我上面评论中提到的另一个建议是，你清理你的CSS和JS，似乎你使用了太多的方法来使网站响应，所有这些资产都在争夺元素和风格。

这太乱了。