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

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

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

已解决 悬赏分:40 - 解决时间 2022-01-17 16:12
反对 0举报 0 收藏 0

回答2

最佳
  • @

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

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

    html,body{
        height:100%
    }
    body{
        min-height:500px; // 这个高度你自己设置成你期望出现滚动条的高度
    }
    支持 0 反对 0 举报
    2022-01-16 15:56
  • @

    只设置 min-height

    支持 0 反对 0 举报
    2022-01-16 16:44