CSS精灵缩放到div维度

我想知道是否有办法将精灵图像缩放到包含div的维度 例如，如果我有一个10帧的sprite图像（每个100x100像素，使其成为1000x100像素） 例如，包含div的宽度为200px或50px，有没有一种方法可以使帧在div中正确显示？ 背景尺寸在那里有什么用吗？

---

谢谢

您正在使用CSS3吗？因此，您可以执行以下操作

（HTML）

你可以在这里测试，（w3学校ftw）

我的书签中也有这个，可以让我查看哪个浏览器可以使用什么

如果你想让它居中，你可以添加到CSS中

      position: absolute;
      height: 100%;
      width: 100%;
      background-position: center;

---

但正如我所说的，这适用于CSS3，而且大多数人仍然使用IE8（IE9+支持css），但正如我前面所说的，再看看哪些浏览器可以与CSS3链接兼容（）

好友精灵用于将小尺寸图像收集到一个图像中，以缩小http请求。。大图像将导致大文件大小的精灵，这将导致延长您的网站加载时间。不太管用。看看这个。顶部div是精灵在其原始大小中的显示方式。底部的一个是包含，但这只是调整了整个图像的大小以占据父级大小。我不100%确定您要的是什么。你试过了吗？

.your-box {
  background-image: url(.);
  background-repeat: no-repeat;
  background-size: contain;
}

      position: absolute;
      height: 100%;
      width: 100%;
      background-position: center;