只有一张背景图怎么适配各尺寸的屏幕

背景图居中铺满，保持宽高比，不用显示全部时：

background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;

 

背景图铺满且不允许裁剪时:

background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;

 

保持宽高比，且不允许裁剪时（不能铺满容器）:

background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;

 

如果需要更好的显示效果就要用到@media来适配不同尺寸的屏幕和设备了