我正在尝试将精灵用于网页，但我不知道如何处理双分辨率图像

Question

我正在尝试为网页使用精灵，但我不知道如何处理双分辨率图像。你能帮忙吗？

到目前为止我正在使用：

.div {
    display: block;
    margin: 0 auto;
    width: 200px; ---> they remain 400px;
    height: 200px; ---> they remain 400px;
    background: url(Sprite.png) 10px 0;
}

问题是图像仍然显示太大。不知道如何缩小它们。

谢谢

Answer 1

您可以使用background-size 属性指定背景图像的大小，如https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size 的示例所示。