css-具有静态内容的动态高度

Question

我在图库中为Swiper找到了一个很好的解决方案，它的效果很好，但移动设备的高度存在问题：

我尝试将此height: 500px替换为任何动态文件，但是每次隐藏时都没有状态高度。有没有什么解决方案可以使其在没有媒体查询的情况下可扩展？
https://jsfiddle.net/vertisan/j8a46vcg/1/

Answer 1

如果你只想给出最大高度，这个https://jsfiddle.net/q1vr473z/怎么办

html,body,.container{
  height:100%;
  width:100%;
}
#slider {
  height: 80%;
  max-height:500px;
}

Answer 2

Change the background-size

.swiper-slide {
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
}