评论

记录一次由 box-sizing引起的样式问题

记录一次由 box-sizing引起的样式问题

本文背景

本文来源于答题小程序的优化过程,在答题活动小程序中,背景图是一个素材图片,页面的高度和宽度分别取的系统的windowHeight、windowWIdth

但是小程序始终存在上下滑动条,而不是100%占据窗口高度

本文内容

要解决这个问题,我调试了下,最终发现我在外层容器定义了一个padding-top,这样就导致了,容器高度=windowHeight+paddingTop值,所以造成了上下滑动条的产生。

参考资料

https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing

http://zh.learnlayout.com/box-sizing.html

本文总结

本文由一个样式问题,通过定位,分析出最终造成样式问题的根源

最后一次编辑于  10-01  
点赞 1
收藏
评论

1 个评论

登录 后发表内容