图片自适应问题

Question

给一个元素设置个背景图片，该背景图片是一张大图的一部分，用background-position定位的，这种情况下可以实现图片自适应吗？

Answer 1

那要看你这个大图是怎样一个大图了，

1、我一般做的都是那种长图形式的大图，每个图标大小切成相同的，然后就可以用background-size来控制图片的尺寸，这种情况基本是可以实现背景图片自适应的。

2、第二种情况就是一个大图上什么都有，小图标啊，按钮背景啊 什么的，这种情况我没这么做过，因为这样的大图实现背景自适应太困难，考虑的因素太多，缩小之后，背景位置的变化啊什么的，时间成本太大，最后的结果可能还不尽如人意。

个人见解，如果lz找到了更合适的方法，也记得分享给我~

Answer 2

你这是雪碧图把  我觉得给宽度百分比 可以实现您的需求吗

Answer 3

不，第一种情况我指的是这样的：

都是小图标，尺寸相同，这样的比较好弄。

Answer 4

第一种情况你的意思还是使用单张图片比较好嘛