Как изменять масштаб svg спрайтов при изменении масштаба страницы в браузере?

Question

[Лучник *range attack +10*]

Есть спрайт в виде длинного svg документа с иконками внутри. Иконки на сайте — это элементы с вьюбоксом, в котором бэкграундом и бэкграунд позишном выводится нужная иконка из svg документа. Естественно при изменении масштаба страницы в браузере (Ctrl +/Ctrl -), иконки остаются того же размера. Насколько я понял, браузер в случае с инлайновым svg или картинками, смотрит на их width и height, в случае со спрайтами он этого сделать не может. Есть ли какое-то решение для того, чтобы иконки увеличивались/уменьшались при изменении масштаба страницы в браузере?

Answer 1

[Петр]

<svg style='height: 190px; width: 380px; transform: scale(0.421875);'>
...

Comments

[Лучник *range attack +10*]

У меня другой случай, svg не инлайновый и вставляется через background-image длинный документ с иконками внутри, расставленными по вертикали. А уже бэкграунд позишном задается положение для кокнкретной иконки.
И мне масштабирование нужно не в верстке (с этим у меня порядок) а в браузере.
Я же все в вопросе объяснил.

[Ankhena]

Константин Рафиков,

А уже бэкграунд позишном задается положение для кокнкретной иконки.

Может, на use перейти?