我正在尝试用Materialize开发一个网站,在网站上有一个滑块。Materialize响应迅速,在不同的分辨率下都能很好地工作。但是,当我减小屏幕尺寸时,滑块宽度也在减小(这是理所应当的)。但其中的图像只是被裁剪,而不是缩放到滑块的大小。我在img
中添加了responsive-img
类,但没有任何变化。
滑块代码
<div class="slider">
<ul class="slides">
<li>
<img src="images/slider/slide_1.jpg">
<div class="caption center-align">
<h3>Eraltek Kurumsal</h3>
<h5 class="light grey-text text-lighten-3">Sitemize hoşgeldiniz</h5>
</div>
</li>
<li>
<a href="panoramic/panoramic.html">
<img src="images/slider/slide_2.jpg">
<div class="caption right-align">
<h3>Eraltek Mağaza</h3>
<h5 class="light yellow-text text-darken-1">360 derece mağaza turu için tıklayınız</h5>
</div>
</a>
</li>
<li>
<img src="images/slider/slide_3.jpg">
</li>
<li>
<img src="images/slider/slide_4.jpg">
</li>
<li>
<img src="images/slider/slide_5.jpg">
</li>
</ul>
</div>
https://stackoverflow.com/questions/30802432
复制相似问题