我在使用SVG创建布局时遇到问题。 我用插画家创建了曲线
parameter
在某些浏览器中,我将此代码粘贴到div上,在其他浏览器中工作,并创建了空白或边框。 谁能帮助我,使此SVG完全适合宽度?
更新
我在页脚上粘贴了SVG代码。然后,我添加了两个CSS规则。
<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>
在较新的浏览器上,我得到了
(图像) https://i.ibb.co/FY00dYH/Screenshot-20190416-100631-Gallery.jpg
代替旧版本的浏览器,它会创建一个空白。
(图像) https://i.ibb.co/qCh8pQD/Screenshot-20190416-100637-Gallery.jpg