테이블 데이터 표시가 모바일 및 태블릿 기기에 적합하지 않음

Question

데스크톱 버전에서 모든 것이 잘 작동합니다. 태블릿/모바일으로 이동하면 상단에 세로 맞춤 표시가 더 많이 표시됩니다.

이

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를 가지고있다. 당신은 당신의 질문에 대해 더 구체적 일 수 있습니까? 어떤 글꼴을 사용하고 있고 페이지에서 사용하고있는 모든 CSS 코드가 있습니다. codePen이나 다른 것에 데모를 보여줄 수 있다면 대답하기가 더 쉬울 것입니다.