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

我有一个问题作出表填满整个屏幕上一个移动应用程序（现在，我实现它仅适用于Android）。该页面仅包含该表格，该表格仅显示其内容的大小。我尝试使用html, body { min-height: 100%}，并将height= 100%放在应用程序的几乎每个部分，但它不起作用。尽管有一个细节：BODY的100％是功能：背景颜色应用于整个屏幕;但我需要整个表伸展。如何让桌子填满整个手机屏幕？

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

编辑2：宽度工作。填充高度是问题所在。

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

来源

2013-04-01 SaadBen

您可以发布拨弄你当前的代码？ –

不，对不起。代码的内容是保密的。如果真的有必要，我可以用无效的内容重复它的结构，但这需要一些时间。 – SaadBen

你是用div创建表还是用

创建表？ –

回答

这里举例：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>

来源

2013-04-01 16:03:50

按照您的建议使用'table {height：100％}'，Riskbreaker在“画布”上工作。我尝试在eclipse Worklight上选择各种设备，它工作正常。但是，一旦我在Android的设备模拟器上启动它，它就会像以前一样显示：不工作。有任何想法吗？ – SaadBen

你尝试过设置视口吗？ ' –

感谢您的帮助，我将不得不在稍后检查：/ – SaadBen

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

来源

2013-04-01 15:51:42 ArgumentNullException

我也尝试过。我对宽度没有问题，它完美的工作。高度填充是问题。 – SaadBen

罗伯特欧文的代码应该可以工作。 – ArgumentNullException

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

回答

相关问题