今天遇到一个SVG做背景图无法自适应元素问题

89 阅读1分钟

解决:给svg标签加个属性就好了:preserveAspectRatio="none"

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="420" height="999.001" viewBox="0 0 420 999.001" preserveAspectRatio="none"/>

理解:

preserveAspectRatio 很好理解,字面意思:保持纵横比, 咱给它设置成none,他就不保持横纵比了。

在w3cschool 的svg教程中svg标签看到有提这个属性,拿来试了一下确实可以,记录一下。