Как сделать responsive sprite?

Question

[Rick]

Имеется спрайт с иконками и файл стилей с их позицией.

.icon-building_planner {
  background-image: url(sprite.png);
  background-position: -1792px -256px;
  width: 256px;
  height: 256px;
}

Как подобные изображения сделать адаптивными? Используется bootstrap.

Answer 1

[Alexander Tartmin]

MDN

.icon-building_planner {
  background-image: url(sprite.png);
  background-position: 30% 30%; /* Используйте проценты */
  background-size: 100%; /* Поиграйтесь с этим параметром */
  width: 256px;
  height: 256px;
}

Answer 2

[Денис Атясов]

Не совсем понятен вопрос. Но если вы хотите менять размер иконок спрайта вам поможет background-size.