html - CSS 流体确保盒子适合

Question

这是我的包装器 div。这是一个父div。我希望这个 div 始终适合窗口。width:60% 使盒子变得流畅，它会根据它的宽度变得越来越小，但我希望盒子根据它的高度变得越来越小，这样我总是可以确保它适合页面。我怎样才能实现我正在寻找的东西？

#wrapper {
    width:auto;
    height:auto;
    margin:50px auto 0 auto;
    z-index:100;
    min-width:640px;
    max-width:1150px;
    width:60%;
}