前端背景图片可能遇到的问题
1.问题:一张背景图,适应大小不一的设备,而且不出现滚动条,图片不会变形。
解决方法:body{background-size:cover}就可以搞定。
2.问题:背景图显示在页面上非常大,或非常小,显得页面很不好看。
解决方法:元素{background-size:80%(自己可以调,超过100%放大图) auto},背景图不会变形。
3.响应式页面设计,当原图片过大,在小屏显示会出现图片压缩太小的问题,可以截取背景图的中间部分显示;
解决方法:backgroun-size:cover;background-position:center;