标签:
做移动端页面时,设计稿中的切片图片往往是实际的2倍,此处记录图片正常显示大小的技巧。
当图片是单张的话,可以对容器设计实际大小,然后设置background-image,为了让图片缩小一倍,可以设置background-size:contain;
如:图片尺寸是20*20,但是在移动端页面显示的则是10*10,此时,对容器进行设置:
当图片不是单张的而是一张sprite图,那么首先需要对容易设置于图片一样的大小,然后使用transform:scale(0.5)进行缩放一倍。
标签:
原文地址:http://www.cnblogs.com/wmmang-blog/p/4578642.html