為什么我的div無法填滿100％的窗口？

Question

我正在嘗試使div以100％的窗口高度顯示（640px）， <h3> 。 我看不到我在做什么錯。 我正在模擬器中運行該應用程序，它與Cordova有關系嗎？

$(window).height(); // This is 640px.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Test</title>   
</head>
<body>
    <!-- Cordova scripts here -->

    <div style="height: 100%;" >

        <div id="d1" style="background-color: coral; height: 100%;">
            <h3>A div test.</h3>

        </div>

    </div>

</body>
</html>

Answer 1

您應該將其設置為視口的100％：

height: 100vh;

Answer 2

我通常會定身和HTML標簽是也喜歡100％在這里：

body, html {
    height: 100%;
}

.full-width {
    height: 100%;
    background-color: green;
}

Answer 3

你必須設置height身體和HTML的div的前height 。 您可以在此處查看您的請求。 有了這個CSS，您可以繼續：

body, html{height: 100%;}
.height{height: 100%;}

Answer 4

vh =視口高度。請嘗試閱讀以下內容-> https://css-tricks.com/viewport-sized-typography/

為什么我的div無法填滿100％的窗口？

問題描述

4 個解決方案

解決方案1
4 2015-10-26 09:36:33

解決方案2
2 已采納 2015-10-26 09:38:13

解決方案3
1 2015-10-26 09:46:51

解決方案4
0 2015-10-26 10:26:25

為什么我的div無法填滿100％的窗口？

問題描述

4 個解決方案

解決方案1 4 2015-10-26 09:36:33

解決方案2 2 已采納 2015-10-26 09:38:13

解決方案3 1 2015-10-26 09:46:51

解決方案4 0 2015-10-26 10:26:25

解決方案1
4 2015-10-26 09:36:33

解決方案2
2 已采納 2015-10-26 09:38:13

解決方案3
1 2015-10-26 09:46:51

解決方案4
0 2015-10-26 10:26:25