背景图片自适应

未自适应

            width: 100%;

            height: 100%;
            position: relative;
            background-size: cover;

            background-position: center;

             background: url(url);

 自适应效果
    margin: 0 auto;
            padding: 0px 0px 0.5rem;
            position: relative;
            font-family: Arial ;
            position: relative;
            background: url(url);
            background-size: cover;
            background-position: center;
关键代码：
    background: url(url);
            background-size: cover;

            background-position: center;

出现未自适应原因：代码自上而下执行； background-size: cover;

            background-position: center;background: url(url);先执行了最后才加载的图片，样式没起作用，反之 background: url(url);
            background-size: cover;

            background-position: center;

样式不正常：