@devmode

SVG спрайт: обрезаются края иконки. Как исправить?

Добрый день!
В новом проекте понадобилось использовать svg спрайт. Спрайт собираю с помощью gulp-svg-sprite, а присваиваю посредством css через свойство background. Столкнулся с такой проблемой: иконки обрезаются по краям при изменении ширины окна браузера. Например:
при ширине 548px иконки отображаются корректно

4Akox8BTMd4KBA.jpg

а при 640px средняя иконка обрезается

e0e3b825af.jpg

Как решить данную проблему?
  • Вопрос задан
  • 1095 просмотров
Пригласить эксперта
Ответы на вопрос 1
bilyk_viktoriya
@bilyk_viktoriya
попробуй layout поставить diagonal
https://github.com/jkphl/svg-sprite/blob/master/do...

тут в двух словах написано о том, что браузеры могут по разному воспринимать размеры
modx.ws/svg-sprites-gulp-sass
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
30 нояб. 2024, в 22:41
500 руб./за проект
30 нояб. 2024, в 20:49
2000 руб./за проект
30 нояб. 2024, в 20:18
5000 руб./за проект