Javascript 为什么可以'；我不能让我的div占满我全部的窗口吗？
我试图让一个div以100%的窗口高度（640px）显示，Javascript 为什么可以'；我不能让我的div占满我全部的窗口吗？,javascript,jquery,html,css,cordova,Javascript,Jquery,Html,Css,Cordova,我试图让一个div以100%的窗口高度（640px）显示，。我看不出我做错了什么。我在模拟器中运行应用程序，它与Cordova有关吗 $(window).height(); // This is 640px. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test</title> </head> <body
$(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>
$（窗口）.height（）；//这是640像素。
试验
div测试。
height: 100vh;
您应该将其设置为视图端口的100%：
height: 100vh;
我通常会将body和html标记设置为100%，如下所示：
我通常会将body和html标记设置为100%，如下所示：
必须在div的
高度之前设置body和html的高度。您可以看到您的请求正在运行。使用此css，您可以继续：
body, html{height: 100%;}
.height{height: 100%;}
必须在div的高度之前设置body和html的高度。您可以看到您的请求正在运行。使用此css，您可以继续：
body, html{height: 100%;}
.height{height: 100%;}
vh=视口高度。请尝试阅读此->vh=视口高度。请尝试阅读此->插件CSS\d1{height:100vh；}
什么是100vh？当然这只是增加了h3的尺寸。。。我还需要在div中添加其他内容。添加CSS#d1{height:100vh；}
什么是100vh？当然这只是增加了h3的尺寸。。。我还需要在div中添加其他内容。谢谢，这是可行的，但这是否意味着所有父容器都必须是100vh，所有子元素都使用100%？这是混合应用程序的标准做法吗？是的，这是标准做法。关于父母/孩子的身高，它的工作原理与百分比完全相同，它只是视图的百分比-port@Francescoes. 它的工作原理与百分比完全相同，完全不一样，如果这样，那么为什么要使用vh
？@Tushar是的，它是正确的。vh
始终相对于查看端口工作，即相对于容器的百分比。我表达了我自己的不好，我还写了这只是查看端口的百分比
谢谢，这是可行的，但这是否意味着所有父容器都必须是100vh，所有子元素都使用100%？这是混合应用程序的标准做法吗？是的，这是标准做法。关于父母/孩子的身高，它的工作原理与百分比完全相同，它只是视图的百分比-port@Francescoes. 它的工作原理与百分比完全相同，完全不一样，如果这样，那么为什么要使用vh
？@Tushar是的，它是正确的。vh
始终相对于查看端口工作，即相对于容器的百分比。我表达了自己的不好，我还写了这只是查看端口的百分比
谢谢。我之所以将此标记为答案，是因为100%的正文和html高度似乎更为标准。此外，您还可以删除正文的填充和边距，然后您将拥有元素的全宽和全高。谢谢。我之所以将此标记为答案，是因为100%的主体和html高度似乎更为标准。此外，您可以删除主体的填充和边距，然后您将拥有元素的全宽和全高。