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

Question

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

编辑:我正在使用 Eclipse 并使用 IBM Worklight Framework。

EDIT2:宽度有效。填充高度是个问题。

EDIT3:Owen 提供给我的视口(viewport)设置有点令人困惑。它没有改变任何东西，但我觉得我不应该将它粘贴到我所做的地方(主页 .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>