使屏幕与分辨率无关地占据相同的屏幕比例

Question

我想让我的网站占据整个页面高度并且没有滚动条。但是如果我以 px 为单位设置高度，它会根据屏幕分辨率而变化。我该怎么做才能使整个页面独立于屏幕分辨率？

Answer 1

您正在寻找视图高度单位。

1vh 是相对于视口高度的 1%，因此如果将其设置为 100，它将正好是用户视口的高度。

body {
  height: 100vh;
}