css 雪碧图区域背景图如何做响应式

Question

当前有一个雪碧图

<div class="wrap">
  <div id="download">
    <a></a>
  </div>
</div>

.wrap{height: 300px;}
#download{max-width: 245px;max-height: 245px;height:100%; width:20%;}
#download a{background: url(images/section7_btn.png) no-repeat;width: 100%;height: 100%;display: block;}

如何让第一个IOS下载能随着#download的大小等比例缩放

Answer 1

我用我爸爸同事的一句话来回答你。如果不用js，那么， 是不可能实现的。响应式的话，图片就不能做成背景了，那雪碧图也就更没用了。