首页 > Web开发 > 详细

HTML & body height 该怎么管理?

时间:2021-09-02 21:30:54      阅读:38      评论:0      收藏:0      [点我收藏+]

HTML, body 没有高度,body 依赖 内容来撑自己的高,而 HTML 也是依赖 body 撑自己的高。

这不符合我们看到的,所以市场开始出现

html,
body {
 height: 100%;
}

 

 

可是 body 的内容是会超过 100% 的,那么比较合适的是做成 min-height

body {
  min-height: 100vh;
}

 

 

这样看起来比较合理,因为 HTML 依赖 body 撑高,body 也有最少的高

虽然 100vh 解决了高度问题,但是又引发另一些问题,点击我

 

总结

CSS reset 做了些调整,但是还是要留意 mobile URL bar 怎么影响用户体验。目前没有一招打天下的方法。

 

Links

 

HTML & body height 该怎么管理?

原文:https://www.cnblogs.com/stooges/p/15218223.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!