背景大图平铺整个页面

<div class="content">
    <div class="bg_img">
        <img src="../../img/bg.png" />
    </div>
</div>

.content {
    position: fixed;  //关键是设置fixed定位，设置后即可通过height:100%设置标签高度为页面高度，无需js，神奇吧
    width: 100%;
    height: 100%;
    .bg_img {
        width: 100%;
        height: 100%;
        img{
            width: 100%;
            height:100%;
            background: url("../../assets/img/loginbg.jpg") no-repeat center;
            background-size: 100% 100%;  
            overflow: hidden;  //所需要设置内容区域滚动，则设置overflow:auto
        }
    }
}

原文：https://www.cnblogs.com/huihuihero/p/12603425.html