HTML CSS如何設置高度為100％，展開時為100％，但是當寬度變窄時，它不會顯示全角

Question

我不確定如何實現自己的目標。 很難完全描述我的意思，但是我有一個例子。

情況當屏幕水平擴展時，圖像設置為屏幕寬度的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>

Answer 1

使用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()});
}