html - Materialisecss Framework を使用してナビゲーション バーの位置が表示されない問題を修正

Question

Phonegap アプリケーションに Materialisecss Framework を使用しています。画面上部に固定する必要があるアプリケーションでナビゲーション バーを使用しています。しかし、そのナビゲーションバーの位置は画面の上には表示されず、電話では少し下に表示されますが、ブラウザでテストすると画面の上に表示されます.

HTML コード:-

<div class="navbar-fixed">
<nav>
   <div class="nav-wrapper headercol z-depth-1 centr">
    <a href="#!">Test App</a>
  </div>
</nav>

Answer 1

ドキュメントから判断すると、縮小された css ファイルを編集して、本体にゼロのマージンとパディングがあることを確認するだけだと思います。

これを行うには、以下に従ってください。

1. カスケード スタイル シートを見つけます。デフォルトでは名前が付けられています。 materialize.min.cssこれは css フォルダーにあります。
2. お気に入りのテキスト/コード エディターで開きます。
3. 検索を使用して本文を見つけます{
4. 以下のコードを追加します。

margin:0;padding:0;

5. ?????????
6. 利益、またはコメントして、さらにサポートが必要な場合はお知らせください。