css – 将网页高度调整为移动屏幕的高度

我有一个移动应用程序.我想让我的CSS适用于所有手机.要做到这一点,我只使用所有css调用的百分比：

.Wrapper
{
    margin: auto;
    text-align: center;
    width: 60%;
}

问题是我无法获得所有页面的网页高度.我的意思是说Android屏幕是巨大的(底部有很多空白区域),但其他手机不是.(想象一下,下面的图片是一个机器人.这就是我的应用程序看起来的样子)

我试过这个以达到相同的高度：

body
{
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    color: Black;
    background: #39bcd4 none;
    height: 100%;
    width: 100%;
}

宽度有效但高度不高.如何让高度以同样的方式工作？如果高度关闭,那么我的所有百分比也将关闭(尝试调整每个移动浏览器)

从 Sitepoint’s CSS Reference开始：

Percentage values refer to the height of the element’s containing block. If the height of the containing block isn’t specified explicitly (that is, it depends on content height), and this element isn’t absolutely positioned, the percentage value is treated as auto. A percentage value is also treated as auto for table cells, table rows, and row groups.

将你的身体设置到位置：绝对;应该工作,如果它不尝试添加顶部：0;和底部：0;随着你的绝对定位.