做移动端web的时候,
我们经常遇到要设置外层div为屏幕高度,
但是内容没有达到窗口高度,
div继承body的高度,达不到屏幕高度
我们一般的方法是
html,body{
height:100%;
}
但是,下面方法更好
div{
height:100vh; //100vh为屏幕高度
}
做移动端web的时候,
我们经常遇到要设置外层div为屏幕高度,
但是内容没有达到窗口高度,
div继承body的高度,达不到屏幕高度
我们一般的方法是
html,body{
height:100%;
}
但是,下面方法更好
div{
height:100vh; //100vh为屏幕高度
}