物化使滑块图像响应式
物化使滑块图像响应式
提问于 2015-06-12 19:53:17
我正在尝试用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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30802432
复制相关文章
相似问题