html和body设置了height100%为什么在手机端下 底部还会有一片空白区域?

clipboard.png

如图,html和body 都设置了height:100% ,审查元素的时候可以看到高度确实是屏幕的高度了。
但是 底部还有一片未知区域

请问这是怎么回事

阅读 7.5k
4 个回答

你还需要再设置一下html{height:100%}即可

检查一下html和body的padding值
当前元素的margin值
一般我惯用{height:100vh} 屡试不爽

高度百分比经常出一些奇奇怪怪的问题,求稳还是用vh吧,如果要考虑兼容性就用JS稍微算一下吧_(:з」∠)_

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题