Есть такой 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"
Комментариев нет:
Отправить комментарий