桌面数据显示不适合在手机和平​​板电脑上使用

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或其他东西上演示这个演示，它会更容易回答。