Филипп Гапоненко

Прошу прощения за небольшой оффтоп, может быть кто нибудь сможет сформулировать почему люди все еще используют спрайты несмотря на проблемы которые они приносят?
Из-за скорости загрузки, спрайты на самом деле дают такой прирост скорости, что мы можем сознательно пойти на:
1. Проблема описанная автором вопроса.
2. Проблемы субпиксельных вычислений в разных браузеров
3. Проблемы позиционирования когда пользователи меняют массштаб страницы.

Есть хорошая практика не использовать без необходимости все возможности языка (особенно новые).

Если достаточно набора переменных то нужно остановиться на этом, ведь ваш код нужно будет читать еще и людям, не только роботам, поэтому стоит подумать о том, чтобы сделать выбор в сторону более поддерживаемого кода, чем в сторону более "оптимизированного".

@media only screen and (max-width: 480px) { }