如何在不同屏幕尺寸的表格中制作固定的td

<style>
  table {
    table-layout: fixed;
    width: 100%;
  }

  td {
    width: 20%; /* 固定宽度为20% */
  }

  @media screen and (max-width: 768px) {
    /* 在屏幕宽度小于768px时，设置td宽度为50% */
    td {
      width: 50%;
    }
  }

  @media screen and (max-width: 480px) {
    /* 在屏幕宽度小于480px时，设置td宽度为100% */
    td {
      width: 100%;
    }
  }
</style>

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>