具体化CSS滑块是'；没有反应？

我在做这个网站：，第一行实际上是一个滑块。它适用于1920像素，但是如果分辨率较低（例如手机和平板电脑），照片会被裁剪。如何根据当前分辨率调整照片大小？我是不是做错了什么

该网站位于github上：

。。。





...
$（文档）.ready（函数（）{
$（'.slider'）。slider（{
全宽：对，
间隔时间：5000，
身高：800
});
});        

很难说没有看到你的css（在问题中），但你大概可以将图像设置为背景，然后使用这个css

#image_container{
    /* change image to your image */
    background-image: url('http://mysite.xyz/img/myimage.png');
    background-size: contain;
}

---

我没有使用任何自定义css，只有默认的materialize.css，您可以查看站点的页面源代码。我添加了带有完整源代码的github链接。也许我做错了什么，我无法理解。如果你能在问题中发布代码（html/css/javascript），你会得到更多帮助，因为大多数人不会关注外部链接。你可以查看Slider和carousel的codepen演示，它们都是响应性的。

#image_container{
    /* change image to your image */
    background-image: url('http://mysite.xyz/img/myimage.png');
    background-size: contain;
}