html - html css从tileset调整图像大小

Question

我正在从大小为 50px x 50px 的图块中提取图像。我希望能够根据我想要的尺寸制作这张图片。有没有办法拉出这个图像并调整它的大小而不必处理背景大小？也许将此图像拉入一个 div 并调整 div 的大小？

img.tileone
{
width:50px;
height:50px;
background:
url(images/summertile.png) -1px -1px;
}

例如，我正在拉出一个 50 x 50 的图块，但我想将其调整为 75 x 75。

Answer 1

使用时，css sprites您必须给它们固定的宽度和高度。

这意味着没有办法让它们动态调整大小。

但是，如果您知道 div 可能需要一组固定的新维度 -

你可以 ：

1）在精灵中添加图像的新变体或

2）使用规模来解决这个问题。像这样的东西：

.tileone {
   background-image: url(images/summertile.png) -1px -1px;
   -webkit-transform: scale(1.5, 1.5);
   transform: scale(1.5, 1.5);
 }

Answer 2

可能是这篇文章或stackoverflow上的这个问题可能会对您有所帮助。

看看他们两个。