установить SVG на полную ширину - PullRequest
Новая
       36

установить SVG на полную ширину

0 голосов
/ 15 апреля 2019

У меня проблемы с созданием макета с помощью SVG.Я создал кривые с помощью иллюстратора 

<svg id="wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 562.64 69.03">
<defs><style>.a{fill:#333;}</style></defs>
<path class="a" d="M562.64,69H0V15.41a173.39,173.39,0,0,1,45.81-2.84c56,3.95,66.61,32.74,109.62,30.21,27.43-1.62,57.57-15.21,75.15-23.22,9-4,19.79-9.52,36.47-13.88,0,0,22.2-5.78,43.81-5.68,37.84.1,67.71,18.65,78.56,24.5C418.56,40.11,469.1,48.73,562.64,16Z" transform="translate(0 0)"/>
</svg>

Я вставляю этот код в div в некоторых браузерах, он работает в других, создает пустое пространство или границу.Может ли кто-нибудь помочь мне, как заставить этот SVG вписаться во всю ширину?

ОБНОВЛЕНИЕ

Я вставил код SVG поверх нижнего колонтитула.Затем я добавил два правила CSS.

.wave{
Witdh:100%;
Display:block;
}

в новых браузерах я получаю это,

(ИЗОБРАЖЕНИЕ) https://i.ibb.co/FY00dYH/Screenshot-20190416-100631-Gallery.jpg

вместо этого в старых браузерах создается пустое пространство.

(ИЗОБРАЖЕНИЕ) https://i.ibb.co/qCh8pQD/Screenshot-20190416-100637-Gallery.jpg

...