Полная высота со средствами массовой информации

Question

Как я могу получить div для полной высоты в моем браузере? im, используя медиа-запросы, чтобы получить полную ширину моего тела, но внутри этого тела у меня есть 3 divs, которые всегда должны быть на 100% полной высоты, даже когда я изменяю размер моего браузера.

Это то, что им с помощью, чтобы получить тело, чтобы быть ширина

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

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

100% и есть 3 дивы внутри этого тела, что мне нужно, чтобы быть 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%; 
} 

Это позволит сделать высоту дивы 1, 2 и 3 высота браузер всегда

Answer 2

Попробуйте определение этого

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

Он будет определять каждый элемент на высоту 100%, как по умолчанию, включают в себя все тело документа.