移动端开发---精灵图2倍图做法

有精灵图,如图(宽度:80,高度400):
在这里插入图片描述
1.利用Fireworks修改图片宽高为原来的一半(宽40,高200),切片工具量出每一个小图标的X,Y值,方便写background:url() x y no-repeat;中的x,y值;
2.设置背景缩放background-size:图片原来宽度的1/2 auto;//高度自适应

猜你喜欢

转载自blog.csdn.net/pilgrim_121/article/details/111937401