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; //背景图片铺满不随滚动轴滚动
原文：https://www.cnblogs.com/myc-xiaochaochao/p/13720504.html