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

Posted 2020-09-16

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

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

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

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