将每个组件的根包装器设置为全身高度

Question

我正在做一个 React 项目来创建一个简单的网站。我有 10 到 15 个组件，它们都有不同的 CSS 样式表。现在我想要的是，无论用户登陆哪个组件，我都希望将 index.html 的根包装器保持为 100vh。但我似乎无法弄清楚我应该在哪个样式表上添加 root 样式。如果您有任何想法，请分享。

提前谢谢你。继续努力

Answer 1

与您的 React 项目中的 index.html 文件一样，可能有一个 App.css 文件，您可以在其中将根的，即 body 或 html min-height 设置为 100vh。在 App.css 中，您可以包含

html, body{min-height: 100vh;}