rem小案例--表格小案例

table {
            /* 以1000px为基准 */
            width: 5.26rem;
            height: 0.75rem;
            font-size: 0.15rem;
            text-align: center;
            margin: 0 auto;
        }
        
        tr:nth-child(1) {
            height: 0.22rem;
        }

<table border=1 cellspacing="0" cellpadding="10">
        <tr>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
            <th>星期六</th>
            <th>星期天</th>
        </tr>
        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
        </tr>
    </table>

 window.onload = function() {
            document.documentElement.style.fontSize = (document.documentElement.clientWidth / 750) * 100 + 'px';
        }

        // 视口改变事件--当切换到不同屏幕下时，自动转换，不用刷新
        window.onresize = function() {
            document.documentElement.style.fontSize = (document.documentElement.clientWidth / 750) * 100 + 'px';
        };