Измените размер изображения CSS Sprite соответствующим образом при изменении масштаба браузера. ⇐ CSS

[Anonymous]

Я использую css-спрайт, и в настоящее время это выглядит так: значок является частью спрайта
Все остается в порядке, но когда я начинаю изменять масштаб браузера, близлежащее изображение начинает кровоточить
Растекается соседний логотип.
Я также попробовал увеличить отступы на 100 пикселей, но это неправильное решение.
Мне нужно убедиться, что изображение спрайта остается в правильном аспекте и не оно не истекает кровью, поскольку страница
увеличена.
Я пробовал использовать оболочку div, но в данном случае это не работает.
вот код
.icon {
width: 512px;; height: 512px;;
background-size: auto 70%;
height: 70%;
background-position: center center;
cursor: pointer;
background-size: cover !important;
background-repeat-x: no-repeat;
/*zoom: 0.049;*/
background: url("../resources/images/css_sprites_ico.png") 1px -3657px;
}

и код, в котором это реализовано, такой
{name:'setup',index:'setup',label:'Setup',width:80,align:"center",search:false,sortable:false,cellattr: function(rowId, cellValue, rawObject, cm, rdata) {
var classes = "icon";


Подробнее здесь: https://stackoverflow.com/questions/738 ... is-altered