html - ブラウザーの 100% の高さにまたがる Div とズーム

Question

body, html{
    min-height: 100%;
    height: 100%;
}

#wrapper_with_fancy_bg_that_blends_into_bodys_bg{
    height: 100%; 
    min-height: 100%; 
}

恥ずかしいですが、ズームインしてから下にスクロールするときにこれを取得する方法がわかりません。

_

私が思いついた唯一の解決策は、ウィンドウのサイズ変更時にdivの高さを本体の高さに設定することです。単純なcssを使用しても、divを実際に体の高さの100%に広げる方法はありますか?

Answer 1

これでうまくいくはずです：

html, body { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
}  

#wrapper_with_fancy_bg_that_blends_into_bodys_bg {  
    min-height: 100%;
    height:auto !important;  
    height:100%; 
    overflow: hidden !important;
    /* your fancy background here */
}

動作中のJsFiddleは次のとおりです。http：//jsfiddle.net/hehUH/1/またはフルビューhttp://jsfiddle.net/hehUH/1/show/