html - 表格数据显示不适用于手机和平板设备

Question

桌面版一切正常，当进入平板电脑/手机时，垂直对齐显示在顶部。

它们具有相同的 CSS:

th, td {
    text-align: center;
    padding: 3%;
    font-size: 14px;
    vertical-align: middle;
}

html:

<table>
    <tr>
        <td >Displacement</td>
        <td>4410 c.c. </td>
    </tr>
    <tr>
        <td>Rated H.P.</td>
        <td>86ps/ 2400 rpm</td>
    </tr>
        <tr> 
        <td>Max torque</td>
        <td>222ft-lb/ 1400 rpm</td>
    </tr>
        <tr>
        <td>Available for</td>
        <td>FD40/45/50</td>
    </tr>
</table>

Answer 1

当我使用您的代码在手机和平​​板电脑上 checkin 时，它看起来一切正常。你能更具体地说明你的问题吗？您使用的是什么字体以及您在页面上使用的所有 css 代码。如果你能在codePen或其他东西上展示演示会更容易回答。