在CSS中使用vh单元

时间:2017-07-20 12:32:29

标签: html css viewport-units

我在html中有一个元素,我希望它涵盖所有页面。我在CSS下面编写代码:

div{
  width:100vw;
  height:100vh;
}

但在firefox,chrome和opera中,页面滚动。我在IE和Microsoft边缘没有这个问题。

1 个答案:

答案 0 :(得分:0)

使用:

body {
   margin: 0;
}

body {
    margin: 0;
}

div{
  width:100vw;
  height:100vh;
  background-color:yellow;
}
  <div></div>