<div class="test"></div>

.test {
    width: 100%;
    height: 440px;
    background: url(‘./images/banner.png‘) no-repeat top center; // no-repeat背景不重复，top center背景始终显示最中间的部分
    background-size: cover; // cover是依据最短边完全显示，container是依据最长边完全显示
}