Html 如何让我的应用程序在手机上充满高度？

正如我在下面的iPhone上拍摄的屏幕截图所示，该应用程序在页面底部有一堆空白。这只发生在手机上。如何使页面填满整个屏幕

css:

html:

---

然而，我只限于一个背景，如果我想在你向下滚动时在下面有另一个背景，它们只是重叠，因为它们是固定的。。因此仍在寻找解决方案。

尝试将背景移动到body标记：

body{
    background: asset-url("startupstock1.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

---

干杯@Cattla，如果我这样做，出于某种原因，手机上的输入框会显示在左边。@SonnyBlack尝试将

填充：10px 5px 10px 5px

设置到类

。email-input2

。我想输入框会出现在中间。对不起，我的英语。这似乎奏效了，唯一的问题是它在下面添加另一个背景时会中断。。我想知道其他网站是怎么做到的。啊，不用担心。。似乎大多数网站都有移动显示页面。

    <div class="landing-bg2 size">
   .....contents of webpage
    </div>

.landing-bg2 {
    background: asset-url("startupstock1.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

body{
    background: asset-url("startupstock1.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}