html - Box が確実に収まるようにする CSS Fluid

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