Question

我在移动应用上填充整个屏幕时出现问题（目前我正在Android上实现它）只要）。该页面仅包含此表，它只显示其内容的大小。我尝试使用html, body { min-height: 100%}并在应用的几乎每个部分都添加了height= 100%，但它不起作用。但有一个细节： BODY 的100％是功能：背景颜色应用于整个屏幕;但我需要整个 TABLE 来伸展。

编辑：我正在使用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>

Answer 2

如何将表格的宽度和高度设置为100％？表{宽度：100％;高度：100％}

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

2 个答案: