css 背景图片始终居中（background 属性）

很多时候我们需要一张图片高度不变，内容始终显示在中间，用背景图片的方法可以实现这种效果，我去看了 当时 华为手机专区的首页也是用这个方法实现的

实际效果

窗口缩放，背景图始终居中显示.gif

代码

利用background 属性

<div class="box"></div>
.box{
    width: 100%;
    min-width: 1050px;
    height: 504px;
    background: url("cp-client/src/assets/images/public/bg_footer.jpg") no-repeat center;   //center最重要
}