1. 首先通过这种布局设置一个占用全屏的元素
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
max-width: 500px; // 手机可能有最大宽度,可加可不加
z-index: -1; // 为了保证背景不要覆盖其他元素
2.然后根据自己的需求设置背景图片
background: url('bg1.png') no-repeat;
background-size: 100%; // 宽度填满,高度自适应等比例
background-color: #f6bbaa; // 背景图片和屏幕尺寸不一致情况下设置填充背景