媒体查询的全高度

Question

如何在浏览器上获得div的全高？我使用媒体查询来获得我的身体的整个宽度，但在该身体内我有3个div，总是需要100％全高，即使我调整浏览器的大小。

这就是我用来让身体达到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％高度，我不会有任何滚动的页面，总是必须是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％高度，包括整个文档正文。