有精灵图,如图(宽度:80,高度400):
1.利用Fireworks修改图片宽高为原来的一半(宽40,高200),切片工具量出每一个小图标的X,Y值,方便写background:url() x y no-repeat;中的x,y值;
2.设置背景缩放background-size:图片原来宽度的1/2 auto;//高度自适应
移动端开发---精灵图2倍图做法
最新推荐文章于 2022-03-16 12:19:24 发布
有精灵图,如图(宽度:80,高度400):
1.利用Fireworks修改图片宽高为原来的一半(宽40,高200),切片工具量出每一个小图标的X,Y值,方便写background:url() x y no-repeat;中的x,y值;
2.设置背景缩放background-size:图片原来宽度的1/2 auto;//高度自适应