CSS Full Height Cover Page

也許是一天中的某個時間，但我試圖弄清楚如何拉出一個完整的高度和寬度封面，當您調整頁面大小時會縮放。CSS Full Height Cover Page

我試着把它放在這裏。

我不能爲我的生活工作如何做到這一點。任何幫助表示讚賞。

2014-01-16 realph

看到這一點：http://stackoverflow.com/questions/6654958/make-body-have-100-瀏覽器高度 – Andrew

對於

<body > </body>

可以使身體的財產

body { 
    height:100%; 
    wight:100%; 
    }

來源

2014-01-16 05:09:05 sanjeev

我已經在這裏添加了。沒什麼區別。 http://codepen.io/realph/pen/qEBrx – realph

html，body { height：100％; width：100％ } .header { width：100％; 背景：紅色; float：left; 身高：100％; } .cover { 背景：＃C6C6C6;最小高度：100％; 身高：100％; 寬度：100％; } .cover { min-height：90％; 位置：相對; 溢出：隱藏; } – sanjeev

嘗試上面的css＆note，％是給出寬度的相對方式，100％是對父元素的真實性，100％是對瀏覽器窗口的真實感。希望你明白這一點 – sanjeev

CSS Full Height Cover Page

回答

相關問題