实现CSS滑块不响应？

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

该网站托管在GitHub上：https://github.com/AlexKotik/NeonSite

... 
<div class="row" id="Photo">    
     <div class="slider"> 
      <ul class="slides"> 
       <li><img src="img/1.jpg"></li> 
       <li><img src="img/2.jpg"></li> 
       <li><img src="img/3.jpg"></li> 
      </ul> 
     </div> 
</div> 
... 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/materialize.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.slider').slider({ 
      fullWidth: true, 
      interval: 5000, 
      height: 800     
     }); 
    });   
</script>

来源

2017-04-10 Leff Ivanov

您可以查看此滑块和旋转木马的codepen演示都响应。 http://codepen.io/nirajtech/pen/rmagaL – Niraj

难，没有看到你的CSS（在这个问题）的说法，但想必你可以设置图片为背景，然后使用这个CSS

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

来源

2017-04-10 18:32:23 Jpsh

我没有使用任何自定义CSS，只有默认的materialize.css，你可以查看该网站的页面源代码。我添加了可用的完整源代码的github链接。也许我在那里做错了什么，我弄不明白。 –

如果您能够在您的问题中发布代码（html/css/javascript），您将获得更多帮助，因为大多数人不会遵循外部链接 – Jpsh

实现CSS滑块不响应？

回答

相关问题