css - 如何让一张表格填满整个手机屏幕？

Question

我在移动应用程序上使表格填满整个屏幕时遇到问题（目前，我仅在 Android 上实现它）。该页面仅包含此表，该表显然仅采用其内容的大小。我尝试在应用程序的几乎每个部分都使用并放置一个，但它不起作用。一个细节：BODY的 100% 是功能性的：背景颜色应用于整个屏幕；但我需要整个TABLE来拉伸。html, body { min-height: 100%}height= 100%

编辑：我正在使用 Eclipse，我使用 IBM Worklight Framework。

EDIT2：宽度正在工作。填充高度是问题。

EDIT3：欧文提供给我的视口设置有点令人困惑。它没有改变任何东西，但我觉得我不应该将它粘贴到我做的地方（主页.html）。代码 ：<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Answer 1

此处示例：http: //cssdesk.com/qEL2L

html, body {
 height: 100%;
 padding:0;
 margin: 0;
}

table {
  height:100%;
  width:100%;
  background: red;}

HTML：

<table>
  <tbody>
    <tr>
      <td>Test</td>
    </tr>
  </tbody>
</table>

Answer 2

将表格的宽度和高度设置为 100% 怎​​么样？表{宽度：100%；高度：100%}。