背景颜色不适用于整个页面 Vue.js
我正在尝试将 background-color 属性应用于我的 Vue.js 应用程序。由于我希望它显示在所有页面上，因此我将 CSS 直接应用于 index.html 中的标记：
<head>
<style>
body, html {
padding: 0;
margin: 0;
width: 100%;
}
body {
background-color: black;
}
</style>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
所以，正如我通过检查员看到的，html 没有覆盖整个页面
如何将背景颜色应用于整个页面？
这似乎有效：
<head>
<style>
body, html {
padding: 0;
margin: 0;
width: 100%;
min-height: 100vh;
}
body {
background-color: black;
}
</style>
</head>
<body>
<div id="app">
</div>
<!-- built files will be auto injected -->
</body>
这里是Codepen
CSS 规则未应用，因为您未指定height，而仅指定width.
body, html {
padding: 0;
margin: 0;
width: 100%;
min-height: 100%; // add this rule
}