如何转换表td内联样式宽度pt转换百分比以适应响应?

时间:2016-10-04 05:19:05

标签: javascript jquery html css

<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”转换为百分比以适合所有分辨率。

1 个答案:

答案 0 :(得分:0)

&#13;
&#13;
table{width:100%}
&#13;
<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>
&#13;
&#13;
&#13;