Всем привет Помогите пож разобраться откуда растут ноги у проблемы с

Question

Всем привет Помогите пож разобраться откуда растут ноги у проблемы с

svg спрайтом.
Собираю спрайт с помощью svg-sprite метод stack.

Если нужно изменять параметры, то вставлю с помощью в хтмл svg use xlink:href = /img/icons.svg#icon-id
Если не нужно, то стилями background-color: url('/img/icons.svg#icon-id')

Всё было хорошо, вроде ничего не менял в настройках, но тут при вставке бэкграундом иконки стала мельчить.
Т.е. иконку вставляю в хтмл, прописываю ей высоту и ширину например 20 и она занимает всё пространство.
Эту же иконку вставляю через беграунд, пишу background-size: 20px 20px и она занимает дай Бог 50% пространства.

Что не так делаю?

#css #frontend #html #programming #russian

0

23.08.2021

2 ответов

12 просмотров

Meow Автор вопроса

хм, оказывается не спрайт кривой, а так отрабатывает ксс. сверху вставка иконки с помощью svg use, снизу background. Левый столбец: свг просто вставил, бэкграунду задал 300х150 средний столбец: обоим задал 150х150 и сразу видим, что хтмл смасштабировал саму иконку, а ксс контейнер вставки. правый столбец: ксс задал background-size: 150px 150px; Опять же растягивается контейнер, а не сама иконка. Как же бэкграундом вставить иконку так, чтобы она отображалась как хтмл?

0

23.08.2021

🅑ремён Валeрьeвич Лeрмoнтoв · Accepted Answer

🅑ремён Валeрьeвич Лeрмoнтoв

Meow

хм, оказывается не спрайт кривой, а так отрабатыва...

Правильный подход. Испробуй всё, выбери нужное. + К опыту и лвл ап.

0

23.08.2021

169 похожих чатов

Всем привет Помогите пож разобраться откуда растут ноги у проблемы с

2 ответов

Похожие вопросы