html页面表全宽（缩放）

Question

我有一个HTML小表。它有5x5个单元格，内部数字为1-25。

<table>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td></tr>
...
<tr><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>
</table>

无论我是在电脑还是手机中打开此页面，我都需要全屏显示此表格。我可以使用（宽度：100％），但我也希望动态更改字体大小。

实际上我需要的是像缩放一样的东西。

是否有解决方法来实现这一目标？

Answer 1

您可以使用以下方法以全宽度渲染表格，其中字体大小相对于设备类型的像素密度：

table {width:100%;font-size:1em;}

在em中设置字体大小可以解决您的移动问题：http://jsfiddle.net/j8GyV/