0

我在使用 SVG 创建布局时遇到问题。我用 illustrator 创建了曲线

<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

4

0 回答 0