使用CSS或jQuery的響應寬度和高度佈局

-4

我想創建一個頁面響應html佈局。使用CSS或jQuery的響應寬度和高度佈局

這是我的虛擬形象 images

首先佈局就是我想實現，但如果它真的很難那麼第二個佈局也是我確定。

我試圖使家庭着陸區或幻燈片完全貼合在屏幕上（全屏）

我發現了一個wordpress template這是類似的佈局2，但我不能弄清楚我們他們是如何做到這一點。

來源

2013-03-01 ChanHope

我建議你嘗試把東西在一起，然後回來問如果您需要幫助，請提供幫助 - 有很多響應式佈局模板/框架那裏。堆棧溢出不是要求以「無」開始的「完整解決方案」的地方。 – Raad 2013-03-01 13:48:24

但丹尼爾本身解決了我的問題，我只要求一個幻燈片的響應部分不完整的解決方案。 – ChanHope 2013-03-02 08:51:52

您只需確保您的內容適合100％的高度和寬度。此外，您的身體和HTML標記需要100％的高度和寬度。

CSS：

body,html,.content,.contact,header{ 
    width:100%; 
    height:100%; 
    margin:0px; 
    padding:0px; 
} 
.content{ 
    background:yellow; 
} 
header{ 
    background:red; 
} 
.contact{ 
    background:blue; 
}

HTML：

<body> 
<header> 

</header> 
<div class='content'> 

</div> 
<div class='contact'> 

</div> 
</body>

來源

2013-03-01 13:20:21 Rednas

感謝它幫助了我。新手在這裏:) – ChanHope 2013-03-01 13:44:47

嘗試，看看這一點，並嘗試更新 http://jsfiddle.net/H2RyR/

<div id="header"></div> 
<div id="content"></div> 
<div id="footer"></div> 

html, body, #header,#content,#footer{width:100%;height:100%;} 
#header{ background-color:blue;} 
#content{ background:red;} 
#footer{ background:green;}

來源

2013-03-01 13:54:30

是的，實際上我忘了爲HTML添加100％。也需要邊距0和填充0。 – ChanHope 2013-03-02 08:55:16

使用CSS或jQuery的響應寬度和高度佈局

回答

相關問題