我需要重新调整精灵的给定区域的大小。我的原始图像是 800 像素 x 200 像素。我设置了background-position: 200px 0px;，width: 100px; height: 25px;这给了我精灵的正确部分，但我想知道是否可以将精灵的这一部分重新调整为 200 像素 x 50 像素。但是background-size: 200px 50px;将整个精灵调整到这个大小，而不仅仅是我感兴趣的区域。
谢谢！
我试图成为一般人，所以没有小提琴。
问问题
47 次
2 回答
1
您可以尝试使用百分比来按比例缩放图像。例如，将该部分翻倍为 200 像素乘 50 像素，请使用：
background-size: 200% 200%;
这会将背景的大小分别调整为其容器宽度和高度的 200%。您可能需要调整该background-position值以适应这种缩放方法，具体取决于您的布局或用例。
请注意，background-size它并不是真正设计用于精灵，因此这可能会或可能不会达到您正在寻找的结果。
于 2013-03-12T18:47:51.160 回答
1
不，您不能使用 CSS 缩放图像的一部分。我background-size按百分比进行了测试，惊讶地发现 Chrome 上的缩放比例不是 1:1。
background-size: 50%将背景图像翻倍。它200%似乎呈指数级增长。
于 2013-03-12T19:02:07.967 回答