0

私はここで非常に厄介な問題に直面しています..私はAngular jsでアプリを作成し、パーシャルを使用しました。私が直面している問題の 1 つは、アプリをモバイルにデプロイするときに、ブラウザの高さが 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% を使用せず、まったく表示されませんが、デスクトップ ブラウザーで実行すると同じコードが機能するように見え、上部領域の 20% が赤く表示されます。

4

1 に答える 1

1

ヘッダーを意図したとおりに表示するには、ボディの位置と上下を具体的に設定する必要がある場合があります。

を見てみましょう：

ウェブページの高さをモバイル画面の高さに調整

于 2013-02-19T02:13:31.263 に答える