问答详情
源自:3-3 自适应雪碧图

怎么通过百分比去取图?

怎么通过百分比去取图?

提问者:落到地上12 2016-06-11 03:28

个回答

  • joker2025
    2016-06-15 21:47:44

    假设一张图有5张小图左右相连组成,每张小图大小相等30x10, 则整张大图为150x10;

    在一个30x10的元素上显示这张大的背景图,如果background-size: 100% 100%,则图片被压缩成30x10,就会变形。

    所以,可以设置background-size: 500% 100%,则刚好显示一张没变形的小图,图片多出部分被隐藏, 如果有动画,则可以每一次移动20%。