我的第一个响应式网站的最后阶段：
div 均以百分比表示：✔
图像都是使用精灵表的背景图像：✔
现在需要一个解决方案来使背景精灵图像随各种设备缩放。
我对完成这项工作的最简单方法感到非常困惑。
我的非缩放当前语法是这样的：
.PrettyPicture {背景：url（/dir/dir/PrettyPicture.png）无重复；背景位置：-1px -32px；宽度：600px；高度：300px；}
当然，这无法扩展。
我实在想不通这个问题。通过所有教程，我不知道如何在精灵表中表达全尺寸图像的高度和宽度。
有些东西就在我面前，但我看不到。
谢谢。
/帕特
我之前的问题的一个很好的解决方案可以在responsive-css.spritegen.com找到
这个免费的在线程序成功创建了响应式的精灵。很容易学会使用。
然而，精灵已经过时了。有关这方面的好信息可以在这里找到，标题为 Data URIs Make CSS Sprites Obsolete:
https:// humanwhocodes.com/blog/2010/07/06/data-uris-make-css-sprites-obsolete/