使用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的响应宽度和高度布局

回答

相关问题