Html 我怎样才能使网页的高度滑块？

谢谢大家的回复，我相信我只需要放大一些的图片，因为它没有覆盖整个高度，我在网上读到关于图片大小如何无关紧要，但我想它们确实重要。再次感谢大家*问题已经解决

嘿，伙计们，我已经创造了一个滑块，在目前的工作。但是它不能让我达到100%的高度，有人能帮我吗？我只使用HTML和CSS。我尝试过做

body，html{height:100%；}

但不起作用，还尝试将其设置为max height/min height，并使其为vh，但迄今为止没有任何效果

#滑块{
溢出：隐藏；
宽度：50%；
浮动：左；
保证金：0；
-webkit-box-flex:0；
身高：100%；
}
#滑块式img{
宽度：25%；
浮动：左；
}
#滑块图形{
位置：相对位置；
宽度：400%；
保证金：0；
左：0；
文本对齐：左对齐；
字号：0；
动画：20秒滑无限；
}
@滑动关键帧{
0%{左：0%；}
20%{左：0%；}
25%{左：-100%；}
45%{左：-100%；}
50%{左：-200%；}
70%{左：-200%；}
75%{左：-300%；}
100%{左：-400%；}
}

您可以使用视口高度和视口宽度

高度：100vh

和

宽度：100vw

以下属性应使其正常工作

body {
    margin: 0;
    padding: 0;
}

#slider {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
}

---

这是工作设置

最小高度：100%

和

witdh:auto

#slider{
    overflow:hidden;
  width:auto;
  float:left;
  margin:0;
  -webkit-box-flex: 0; 
  min-height:100%;
  height: 100%;
}

在FF和铬合金中测试

#slider {
  overflow: hidden;
  width: 50%;
  float: left;
  margin: 0;
  -webkit-box-flex: 0;
  background: silver;
  height: 100vh;
  display: block;
  position: absolute;
}

---

您使用的浏览器是什么？vh应与大多数浏览器配合使用。你把这个css属性放在哪个元素上？我把它放在#slider里，我用的是Chrome，你用的是什么大小的图像？所以我用了4种不同大小的图像，但我读到的是，大小无关紧要。一个是1800x800，第二个是1283x800，第三个是1714x960，第四个是1285x960，我还希望宽度为页面的50%