Acabei de encontrar isto:
background: image-url("sprites_arrows.png") no-repeat scroll 0 -2.4rem transparent;Talvez eu sinta falta de algo, mas qual é o ponto de usar uma unidade relativa para uma definição de sprite?
Sprites são organizados em uma grade de pixels bem definida. Então, apenas use a saída px do seu aplicativo de construção de sprite para definir as posições. Não use unidades relativas. Não há absolutamente nenhum ponto de usar unidades relativas em um ambiente de unidade fixa como uma grade de sprite. E se você está fazendo isso, provavelmente está construindo seus sprites manualmente. Pense em obter um aplicativo de construção de sprites como TexturePacker ou SpriteRight.
Nos raros casos em que você realmente PODERIA confiar no seu valor rem, aposto que está sobrecarregado porque a grade baseada em px seria mais rápida – não codifique para o seu ego.
E se você tem a grande ideia de combinar unidades relativas com tamanho de fundo para ajustar seu formato único definido em áreas maiores ou menores – pare com isso. Você está criando uma bagunça embaçada. Basta criar um conjunto separado de cada ponto de interrupção, se é isso que você está fazendo.