小码农

前端经常会用到雪碧图来合并一些细碎的图片资源,减小http请求次数,以加快页面加载.

最近遇到如果页面需求更改或者同一雪碧图的某个资源在不同地方引用,切尺寸不同,是否需要两个雪碧图?
当然是不需要的.利用background-size属性对图片资源进行缩放即可,同样的background-position也需要使用%百分比来定位.

例如:

background: url(img/img3.png) no-repeat;
background-size: 300%;
background-position: 50% 100%;

详细理解请补充background相关知识.