1.设置背景颜色铺满页面
该点可参考以下文章:
css如何让height:100%起作用?
简单来说,就是如果你想让一个元素铺满页面,既设置 height:100%,那么你需要给这个元素的所有父元素的高度都设定一个有效值。因为浏览器在根据百分比来计算一个元素的高度时,需要先获取其父元素的高度,进而计算该元素的高度。
<head>
<style>
html,body{
width: 100%;
height: 100%;
}
</style>
</head>
2.去掉页面滚动条
可以通过设置 margin 和 padding 属性来去掉页面滚动条,用 overflow 属性来确保铺满页面
<head>
<style>
html,body{
margin:0;
padding:0;
overflow: hidden;
}
</style>
</head>
3.实现效果如下: