股利跨越瀏覽器的100％的高度和縮放

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

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

據emberassing，但我無法弄清楚如何與得到這個戰鬥時放大，然後向下滾動：股利跨越瀏覽器的100％的高度和縮放

height 100% doesnt work when zoomed in _

我想出的唯一解決方案是在窗口大小調整時將div的高度設置爲body的高度。有沒有什麼辦法可以讓div實際上跨越身高的100％，無論用什麼普通的css？

來源

2012-12-18 user1158010

保證金？填充？ –

它只出現在放大和向下滾動如所述 – user1158010

也不能在這種情況下使用具有特定值的最小高度，因爲內容是可變的 – user1158010

這應該做的伎倆：

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/

來源

2012-12-18 12:18:29 gearsdigital

股利跨越瀏覽器的100％的高度和縮放

回答

相關問題