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>

无论我是在我的电脑上还是在我的手机上打开这个页面，我都需要这个表格全屏显示。我可以使用 (width:100%)，但我希望字体大小也能动态更改。

实际上，我需要的是类似变焦的东西。

是否有实现此目的的解决方法？

Answer 1

您可以使用以下内容以全 Angular 呈现表格，字体大小与您的设备类型的像素密度相关:

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

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