html background 整屏背景自动缩放

css

<style>
    .bg-1{
        background: url("./assets/2018/1.png")  no-repeat center top;background-size: 100%;
    }

</style>

效果图展示：

年报.gif

html

<div class="section">
        <!--有数据-->
        <div class=" first_box bg-1">
            <div class="text">
                <span class="js_first">-</span><br>
                你第一次登录蜗牛小店APP <br>
                感谢你长时间以来的不抛弃~不放弃~
            </div>
            <!--<img style="width: 80%;" src="./assets/2018/1.png">-->
        </div>
        <!--数据不全-->
        <div class="none first_box">
            <div class="text">
                2017年11月15日<br>
                你第一次登陆蜗牛小店APP<br>
                终于等到你~<br>
                还好我没放弃
            </div>
            <img src="./assets/img/first_2.png" style="bottom: 0;">
        </div>
    </div>