Question

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

该网站托管于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>

Answer 1

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

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

Materialize CSS滑块没有响应？

1 个答案: