1、要实现表格字体随单元格大小变化的效果，您可以使用css的百分比单位来设置字体大小，并将字体大小设置为相对于单元格宽度或高度的百分比。
2、设置style：

<style>

table{

    width:100%;/*表格宽度占满容器*/

    border-collapse:collapse;/*边框合并，保证单元格大小一致*/

}

td{

    width:25%;/*设置单元格宽度，根据需要调整百分比*/

    padding:10px;/*设置单元格内边距，根据需要调整*/

    font-size:100%;/*设置初始字体大小，这里使用百分比单位*/

}

</style>

在上述示例中，我们将表格的宽度设置为100%以确保表格宽度占满其容器。

3、通过设置单元格的宽度来控制单元格的大小，根据需要调整百分比。
4、我们设置单元格的内边距和初始字体大小。
5、重点是将字体大小设置为百分比单位（例如100%），这样它将相对于单元格的大小进行调整。这样设置后，当单元格大小改变时，字体大小也会相应地调整，以保持与单元格的比例一致。请注意，具体的表格样式和需求可能有所不同，您可以根据自己的需求进行调整和修改。