CSS 浏览器视口缩小 出现滚动条

Question

body {
  height:100% ;
  min-height:1500px ;
  max-height:100% ;
  margin:0 auto ;
}

视口变小的时候出现滚动条 视口最大的时候不出现滚动条
怎么搞

Answer 1

height:100vh,然后用 min-height 设置成你期望出现滚动条的高度。
缩放页面就可以看到效果了。

如果你要用 height:100% 那么就是：

html,body{
    height:100%
}
body{
    min-height:500px; // 这个高度你自己设置成你期望出现滚动条的高度
}

Answer 2

只设置 min-height