Table 数据显示不适合移动和平板设备

Question

桌面版一切正常，当进入 tablet/mobile 时，垂直对齐显示更多在顶部。

他们有相同的 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或其他东西上展示演示会更容易回答。

Table 数据显示不适合移动和平板设备

Table Data display not appropriate at mobile and tablet device

html

css

html-table

vertical-alignment

responsive