移动端页面内容不满一屏幕，显示一屏幕。

开发过程中难免会遇到内容不满一屏，但是背景需要撑开一屏的情况

（例如：内容只有一两条，但是背景图要显示完全）

1. 设置 min-height

      给父元素 添加 属性min-height: 100%;

      如果不起效果可以给min-height设置一个具体的值（如5rem）；

    

2. 使用伪元素（不是伪类是伪元素）

   <div class="content">
       文章内容
   </div>
   .content::before{
       position:absolute;
       left:0;
       right:0;
       top:0;
       bottom:0;
       z-index:-100;
   }
   

   也可以留一个长宽都是100%，z-index=-100 ， 有背景图片背景色的div。