光滑的滑块：如何仅使用 CSS 使光滑的滑块与父 div 一样大答案

【问题标题】：Slick slider: How to make slick slider as big as parent div with only CSS光滑的滑块：如何仅使用 CSS 使光滑的滑块与父 div 一样大
【发布时间】：2020-11-20 08:39:55
【问题描述】：

我必须设置光滑滑块的高度以适应光滑滑块所在的标题的整个大小。而且我尝试只使用 CSS，因为这个滑块是一个预制组件。

Slick Slider Height

我只设法将图像高度拉伸，但没有拉伸到整个宽度。我使用了以下 CSS：

.slick-slide img {
   height: 100vh;
   width: 100vw;
}

我尝试了许多不同的方法来将它拉伸到整个页面的宽度，但都没有成功...

任何帮助将不胜感激。

【问题讨论】：

标签： html jquery css slick.js

【解决方案1】：

您应该使用vw 作为宽度

.slick-slide img { height: 100vh; width: 100vw; }

vw 表示视口宽度，vh 表示视口高度

【讨论】：

是的，谢谢，我确实使用过大众汽车。在写我的问题时犯了一个错字。但是改变宽度并不会以某种方式影响整个滑块的宽度，我不知道为什么
你能分享你的html，在slick-slide类元素中显示图片
谢谢，但我设法修复了它。问题是图像已经设置了最大宽度。