使背景图像适合全屏（不是窗口），并且在不使用 px 最小化窗口时大小不会改变

Question

当您第一次创建 React 应用程序时，我没有找到如何制作固定背景图像。 我会解释： 当我执行命令时： npx create-react-app reactapp cd reactapp npm 开始

我看到本地主机 3000 上的默认反应应用程序和旋转的反应徽标。 当我尝试在 html 或 body 或 app.js div 中添加背景图片时， 当我最小化我的窗口时，背景图像会缩小。 到目前为止，我用 % vh vw rem rm 尝试了高度。只有 px 对我有用，但我不想使用 px 因为它不适合整个屏幕。 因此，如果有人可以告诉我应该在哪里添加背景图像并固定网站布局（使窗口中的内容在最小化时不会缩小）。 谢谢！

css 文件： index.css

app.css part2 app.css part1

Answer 1

为了正确使用% 而不是px，您需要为背景设置一个位置属性。您可以尝试将position: relative; 设置为包含背景图像的html 元素，然后将其width 和height 设置为%。我希望这能解决您的问题。