1、设置背景图片不变形
<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是依据最长边完全显示 }
background-attachment: fixed; //背景图片铺满不随滚动轴滚动