Javascript 如何使用百分比调整svg的大小

我有几张表，里面有一些数据。每个表都使用百分比调整大小，并且可以调整大小。我需要在每个表中包含一些svg，并调整它们的大小，以便svg不会改变表的大小。我尝试这样设置大小（在这种情况下没有额外的行）：

未定义
1.
决议
面貌
FPS
V格式
A格式
左右
1920x1080
---
---
H-264
MP2
---
---
未定义
1.
决议
面貌
FPS
V格式
A格式
左右
1920x1080
---
---
H-264
MP2
---
---

目前，SVG的大小由

宽度

和

高度

属性决定

width="23.8345mm" height="216.59mm"

“216.59mm”相当于“819px”。如果希望SVG根据其父容器进行缩放，则删除

width

和

height

属性。或者使用CSS将它们都设置为“100%”

一旦这样做，SVG的大小将受到表格单元格宽度的约束。您的表格单元格宽度将为476px的2/7（从colspans开始）

<table  style="width: 476px;..." />

<table  style="width: 476px;..." />