Jquery 如何根据显示使div垂直响应

我想使div垂直响应，就像

，这样图像在任何情况下都不会丢失形状，高度也不会随着浏览器大小的调整而改变。。类似地，如果我使用

width 100%

制作一个滑块div，并且最初

max height 600px

。所以我希望它能像宽度一样降低高度。如果我使用

vh

方法，那么它在移动视图中不会给出很好的结果。下面的链接是一个很好的工作滑块示例

使用css而不是

.image{
背景图片：url（）；
背景尺寸：封面；
背景位置：中心；
背景重复：无重复；
}

您打算让div根据其内容或背景图像保持纵横比吗？我想，，。。。，，。。。。。。。。。你是对的..可能重复检查你给出的“工作滑块”中的元素，显示了我所写的精确解。。。

.image{
   background-image    : url(<image_url>);
   background-size     : cover;
   background-position : center;
   background-repeat   : no-repeat;
}