首页 > 代码库 > 前端还原设计图常遇到的几个坑

前端还原设计图常遇到的几个坑

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

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

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

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

 

前端还原设计图常遇到的几个坑