如何让一张桌子填满整个手机屏幕？

Question

我有一个问题是在移动应用程序上填充整个屏幕的表格(现在,我只在Android上实现它).该页面仅包含此表,它只显示其内容的大小.我尝试使用并放入应用程序的几乎每个部分,但它不起作用.但有一个细节:BODY的100%是功能性的:背景颜色应用于整个屏幕; 但我需要整个表来伸展.html, body { min-height: 100%}height= 100%

编辑:我正在使用Eclipse,我使用的是IBM Worklight Framework.

EDIT2:宽度正常.填充高度是个问题.

EDIT3:Owen为我提供的视口设置有点令人困惑.它没有改变任何东西,但我觉得我不应该把它贴在我做的地方(主页.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>