表数据显示不适用于移动设备和平板电脑设备

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

当我使用您的代码检查手机和平板电脑时，它看起来很好。你能更具体地谈谈你的问题吗？您使用的是什么字体以及您在页面上使用的所有css代码。如果你可以在codePen上展示演示，那么回答会更容易。