前端背景图片可能遇到的问题

1.问题：一张背景图，适应大小不一的设备，而且不出现滚动条，图片不会变形。

解决方法：body{background-size:cover}就可以搞定。

2.问题：背景图显示在页面上非常大，或非常小，显得页面很不好看。

解决方法：元素{background-size：80%(自己可以调，超过100%放大图) auto}，背景图不会变形。

 3.响应式页面设计，当原图片过大，在小屏显示会出现图片压缩太小的问题，可以截取背景图的中间部分显示；

解决方法：backgroun-size:cover;background-position:center;