与媒体查询完整高度

Question

我怎样才能让我的浏览器全高？即时通讯使用媒体查询来获得我的身体的全部宽度，但在该身体内，我有3个div，即使在调整我的浏览器大小时也需要始终保持100％的全高。

这是使用得到IM身体是100％的宽度

@media only screen and (min-width:769px) 
{ 

body{ 
background-color:red; 
width: 100%; 
margin: 0 auto; 
min-width: 800px; 
max-width: 1600px; 
} 

并且有身体内部3周的div我需要100％的高度始终，是即时通讯做它不是页面要去有任何scrolldowns，始终是100％的高度和宽度为100％

Answer 1

你需要做的是添加此CSS：

body, html { 
    width: 100%; 
    height: 100%; 
} 
.div-1 { 
    height: 100%; 
} 
.div-2 { 
    height: 100%; 
} 
.div-3 { 
    height: 100%; 
} 

这将使div的1，2和3的高度身高浏览器总是

Answer 2

尝试定义这个

*, html, body { 
    height: 100%; 
    width: 100%; 
} 

它将每一个元素定义一个100％的高度，默认情况下，包括你的整个文档主体。