與媒體查詢完整高度

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％的高度，默認情況下，包括你的整個文檔主體。