javascript - 如何将表格 td 内联样式宽度 pt 转换为百分比以适应响应式？

Question

<table>
 <tr style="height:15pt;">
      <td style="width:229pt;border-style:solid;border-width:0pt;padding:3pt 9pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"><p style="font-family:Times New Roman, serif;font-size:10pt;font-style:normal;font-variant:normal;text-indent:-14pt;margin:0 0 0 14pt;" align="left">Compensation: </p></td>
      <td style="width:33pt;border-style:solid;border-width:1pt 0pt 0pt 0pt;padding:3pt 0pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"></td>
      <td style="width:6pt;border-style:solid;border-width:1pt 0pt 0pt 0pt;padding:3pt 0pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"></td>
      <td style="width:33pt;border-style:solid;border-width:1pt 0pt 0pt 0pt;padding:3pt 0pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"></td>
      <td style="width:32pt;border-style:solid;border-width:1pt 0pt 0pt 0pt;padding:3pt 0pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"></td>
    </tr>
</table>

想要将样式宽度“PT”转换为百分比以适应所有分辨率。

Answer 1

table{width:100%}

<table>
 <tr style="height:15pt;">
      <td style="width:68%;border-style:solid;border-width:0pt;padding:3pt 9pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"><p style="font-family:Times New Roman, serif;font-size:10pt;font-style:normal;font-variant:normal;text-indent:-14pt;margin:0 0 0 14pt;" align="left">Compensation: </p></td>
      <td style="width:10%;border-style:solid;border-width:1pt 0pt 0pt 0pt;padding:3pt 0pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"></td>
      <td style="width:2%;border-style:solid;border-width:1pt 0pt 0pt 0pt;padding:3pt 0pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"></td>
      <td style="width:10%;border-style:solid;border-width:1pt 0pt 0pt 0pt;padding:3pt 0pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"></td>
      <td style="width:10%;border-style:solid;border-width:1pt 0pt 0pt 0pt;padding:3pt 0pt 3pt 0pt;" valign="bottom" bgcolor="#c0c0c0"></td>
    </tr>
</table>