Как правильно выставить 100% ширину для svg символа?

Ссылка на CodePen с примером

В общем суть такая, есть некоторое svg подключаемое символом. Нужно растянуть его на 100% ширины экрана с сохранением пропорций. Проблема в том что почемуто высота, если не указывать ее в явном виде принимает значение в 150px в связи с этим возникает проблема отступов сверху и снизу на маленькой ширине и слева и справа на большой ширине.

Проблема решается если вставить прям непосредственно код свгшки в тело страницы (пример), но все таки хотелось бы разобраться откуда появляются эти 150px.

Проблема повторяется с любым svg изображением.
  • Вопрос задан
  • 176 просмотров
Пригласить эксперта
Ответы на вопрос 2
petermzg
@petermzg
Самый лучший программист
tolfy
@tolfy
Фирменный стиль
откуда появляются эти 150px

это стандарт браузера описание вопроса
решение на тостере
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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