Задать вопрос

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

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

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

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

Проблема повторяется с любым svg изображением.
  • Вопрос задан
  • 180 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
petermzg
@petermzg
Самый лучший программист
tolfy
@tolfy
Фирменный стиль
откуда появляются эти 150px

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

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

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