我可以缩小图像精灵的宽度和高度吗？

Question

我有一个按钮，我使用图像精灵将图像显示为该按钮的背景。但是，如何调整背景图片的高度和宽度，以便我可以将图片居中放大或缩小。

我的HTML按钮：

<input type="button" style="background-image:url(http://s14.postimg.org/cvj2v79gx/csg_539205e53e474.png)" class="sprite-Answer1 callIcons" /> 

我创建了一个JsFiddle。

Answer 1

下载图片，使用照片编辑程序调整图片大小，然后上传到您的服务器+相对网址。

Answer 2

在新的浏览器，你可以尝试使用background-size：

background-size : 50% 50%; 

Answer 3

我觉得最容易使用的背景大小：盖。

http://jsfiddle.net/DsXs7/19/

在小提琴，你可以看到背景精灵的宽度的一半。您需要调整背景位置，以显示您想要的精灵图像。对于ie8及以下版本，您可能需要添加一个条件样式表和一个非恶意图像。

<!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="styles-ie.css" /><![endif]--> 

在IE风格中，只需使用调整大小的图标即可。不要为此感到难过，因为我认为任何人都不会在移动设备上使用IE，所以速度不应太冒犯。