Я пытаюсь использовать спрайты для веб-страницы, но я не знаю, как работать с изображениями с двойным разрешением

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.