HTML表格在電話上滾動

Question

我想讓手機上的表格滾動。 我知道這太大了，但我想滾動它。

目前不會。我試過width=100%不幸...

看起來像一個簡單的請求 - 想知道是否視口與它有任何關係。 雖然我寧願保留視口格式 - 因爲事情顯示效果更好。

<meta name="viewport" content="initial-scale=1.0; user-scalable=1;"> 
 

 
<table cellpadding=5 border=1 cellspacing=0> 
 
    <tr bgcolor=d7d7d7> 
 
    <td>Location</td> 
 
    <td>This</td> 
 
    <td>Size</td> 
 
    <td>That</td> 
 
    <td>Weight</td> 
 
    <td>Grade</td> 
 
    <td>Manufacturer</td> 
 
    <td>Date</td> 
 
    <td>This</td> 
 
    <td>KG</td> 
 
    <td>Feet</td> 
 
    <td>Lbs</td> 
 
    </tr> \t 
 
    <tr> 
 
    <td>Data Location</td> 
 
    <td>More Data</td> 
 
    <td>More Data</td> 
 
    <td>More Data</td> 
 
    <td>More Data</td> 
 
    <td>More Data</td> 
 
    <td>Manufacturer</td> 
 
    <td>Date</td> 
 
    <td>More Data</td> 
 
    <td>5555</td> 
 
    <td>6666</td> 
 
    <td>4444</td> 
 
    </tr> \t 
 
</table>

Answer 1

緊裹div表裏面有overflow-x:auto

<div style='overflow-x:auto'> 
 
    <table cellpadding=5 border=1 cellspacing=0> 
 
    <tr bgcolor=d7d7d7> 
 
     <td>Location</td> 
 
     <td>This</td> 
 
     <td>Size</td> 
 
     <td>That</td> 
 
     <td>Weight</td> 
 
     <td>Grade</td> 
 
     <td>Manufacturer</td> 
 
     <td>Date</td> 
 
     <td>This</td> 
 
     <td>KG</td> 
 
     <td>Feet</td> 
 
     <td>Lbs</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Data Location</td> 
 
     <td>More Data</td> 
 
     <td>More Data</td> 
 
     <td>More Data</td> 
 
     <td>More Data</td> 
 
     <td>More Data</td> 
 
     <td>Manufacturer</td> 
 
     <td>Date</td> 
 
     <td>More Data</td> 
 
     <td>5555</td> 
 
     <td>6666</td> 
 
     <td>4444</td> 
 
    </tr> 
 
    </table> 
 
</div>