HTML CSS如何设置高度100%，宽度100%展开时，但宽度缩小时，它不'；不显示全宽

我不知道如何实现我想做的事情。很难完全描述我的意思，但我有一个例子

形势 当屏幕水平展开时，图像设置为屏幕宽度的100%，但缩小时，图像不会完全显示，而是保持高度的100%

我在下面附上了一个例子，这正是我所想的

http://www.therentscene.com/

     <script>
   var container=window;
         var image=document.getElementById("backimage")
         if (container.height() > container.width()) {
    image.css({height: container.height(), width: ''});
} else {
    image.css({height: '', width: container.width()});
}



  </script>

http://www.therentscene.com/
var容器=窗口；
var image=document.getElementById（“backimage”）
if（container.height（）>container.width（））{
css（{高度：container.height（），宽度：''}）；
}否则{
css（{高度：''，宽度：container.width（）}）；
}

使用js/jQuery并找到

max（container.h，container.w）

并将该值应用于图像本身

if (container.height() > container.width()) {
    image.css({height: container.height(), width: ''});
} else {
    image.css({height: '', width: container.width()});
}

---

我无法做到，因为我不确定如何，但我把我的尝试放在编辑中。@user3829266不，类似的东西：