0

我在这里遇到了一个非常讨厌的问题..我在 Angular js 中创建了一个应用程序并使用了部分。我遇到的一个问题是，当我在移动设备上部署应用程序时，它不会将 100% 的浏览器高度传递给内部的部分

这是我的样本：

    <html>
    <head>
    .
    .
    </head>
    <body>
    .
    <ng-view></ng-view>
    .
    .
    .
    </body>

在我的 CSS 中我使用这个

  html, body {
  min-height: 100%;
  min-width: 100%
  }

  .header {
  height: 20%; /*i expect this to be 20% of body height*/
  background-color: red
  }

这是我的部分内心

  <div class="header"></div>

问题：带有类标题的 div 不占主体高度的 20%，它根本不显示，而在 dektop 浏览器上运行的相同代码似乎可以工作，顶部区域的 20% 显示为红色。

4

1 回答 1

1

您可能需要在您的身体上专门设置位置和顶部/底部，以使标题按您的预期显示。

看一眼：

调整网页高度为手机屏幕高度

于 2013-02-19T02:13:31.263 回答