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%），這樣它將相對于單元格的大小進行調整。這樣設置后，當單元格大小改變時，字體大小也會相應地調整，以保持與單元格的比例一致。請注意，具體的表格樣式和需求可能有所不同，您可以根據自己的需求進行調整和修改。