Zheleznov
@Zheleznov

Почему ширина иконки больше фактического размера?

Привет всем
Верстаю на гридах, собираю в gulp, scss
для изображений никаких стилей не выставлено
все иконки собираются в спрайт через gulp-svg-sprite

таск в gulpfile

gulp.task('svgSprite', function () {
	return gulp.src([source_folder + '/iconsprite/*.svg'])
		.pipe(svgSprite({
			mode: {
				stack: {
					sprite: "../icons/icons.svg",  //sprite file name
					example: true
				}
			},
		}
		))
		.pipe(dest(path.build.img))
})



в коде svg изображения всё прописано верно типа:
svg width="42" height="42" viewBox="0 0 42 42"

почему ширина иконки больше чем фактическая?
будто какие-то поля по бокам
как сделать чтобы она стала фактической???


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

60c662dd740f7064546914.jpeg
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
Zheleznov
@Zheleznov Автор вопроса
В общем как пофиксить я не нашёл ответа.
При отключении gulp-svg-sprite всё норм, значит дело в нём

Просто заменил gulp-svg-sprite на gulp-svgstore
Теперь размеры фиксированные
Оставлю тут, может кому поможет
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы