How to resize icons in responsive design?

Question

Media queries

Hello, I'm interested to know how to do it better. There is an adaptive site, the site icons are in a sprite, the icons are resized at different screen resolutions, so here's how best to deal with resizing, there are options: use transform: scale (), push each icon into a separate image, or do completely different sprites (as For me, this is the worst option)?

Answer 1

There are several methods. Zoom , background-size , the same transform, but the most normal method is of course to resize images by hand, so there will be less interpolations. And here, in general, it’s still one sprite, a few more. After all, you can put several versions in one sprite.
So there are actually a lot of options.