Как быть в ситуации, когда изображение (background-image
), взятое со спрайта, необходимо уменьшить?
https://jsfiddle.net/t3xad9wx/3/
То есть, существует некий элемент, размеры которого заданы в относительных единицах (rem
). Этот элемент масштабируется в зависимости от размеров окна. Необходимо, чтобы фоновое изображение внутри него подстраивалось под его размеры. Если бы это было обычное изображение, то background-size: 100%
решило бы проблему, но так как фоновое изображение задано спрайтом, такой код приводит лишь к тому, что внутри элемента отображается весь фон, а не отдельный спрайт, как ожидается.