当我的应用程序缩放非常小时，如何更改颜色？

Question

当我最小化我的应用程序时，显示为白色 space，我想更改那个颜色，我不喜欢白色，我想要黑色

底部有空白space

空白 space 部分不属于我的正文或页眉或页脚，我的问题是，我该如何更改颜色？

这有效，但只是在这样的导航器中

刚才我把背景颜色写成这样:

*, ::after, ::before {
    box-sizing: border-box;
    background-color: black;
}

这是我在 vuejs3 中的代码 App.js（顺便说一句，不起作用）

<template>
  <div id="app" class="app">
    <LayoutDefault >
      <router-view class="content" />
    </LayoutDefault>
  </div>
</template>

...

<style scoped>
  .content {
    height: 100%;
    min-height: 700px;
     background-color: black !important;
  }
  body {
    background-color: #000 !important;
    min-height: 100vh !important;
     background-color: black !important;
}
 .app {
    background-color: black !important;
}
</style>

Answer 1

我想 css 中没有跟踪缩放变化的选项。您可以通过设置

解决此问题

body {
    background-color: #000;
    min-height: 100vh;
}

Answer 2

你可以尝试把这个背景给body本身。我想这就足够了。但是如果你愿意展示你的代码，你会得到更好的答案。

当我的应用程序缩放非常小时，如何更改颜色？

How can i change the color when my app is very small in zoom?

html

css

vue.js

vuejs3