Страницы

Поиск по вопросам

среда, 16 января 2019 г.

path сделать адаптивным

Есть такой svg в коде на фон, и он растягивается на всю страницу как положено, но path внутри него почему-то не заполняет весь экран:
html, body { width: 100%; height: 100%; margin: 0; padding: 0; } .bg { width: 100%; height: 100%; } .bg svg { width: 100%; height: 100%; }


Как сделать path внутри svg на всю ширину и высоту экрана?


Ответ

Чтобы понять, где находятся границы svg, добавляем бордюр в шапку svg файла
style="border:1px solid red;" После настройки пропорций и размеров эта красная рамка будет не нужна, сотрите её.
Чтобы svg занял всё пространство контейнера добавляем внутри svg файла width="100%", height="100%" и команду preserveAspectRatio="none"


Комментариев нет:

Отправить комментарий