使屏幕占据相同比例的屏幕,与分辨率

时间:2017-12-07 08:07:10

标签: html height responsive

我希望我的网站能够占据整个页面的高度而不需要滚动条。但如果我在px中设置高度,它将根据屏幕分辨率而改变。我该怎么做才能使整个页面独立于屏幕分辨率?

1 个答案:

答案 0 :(得分:0)

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

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

body {
  height: 100vh;
}