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;
}