使用 Materializecss 框架修复了导航栏位置未显示的位置

Question

我为我的 Phonegap 应用程序使用 Materializecss 框架。 我在我的应用程序中使用导航栏，它必须固定在屏幕顶部。但是该导航栏的位置并未显示在屏幕顶部，它在 phone 处稍微向下显示，但是当我在浏览器上测试时，它显示在屏幕顶部。

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. 找到您的级联样式 sheet，默认情况下它已命名。 materialize.min.css 您可以在 css 文件夹中找到它。
2. 在您最喜欢的 text/code 编辑器中打开它。
3. 使用查找定位尸体{
4. 添加以下代码。

margin:0;padding:0;

5. ????????
6. 获利，或评论让我知道您是否需要更多帮助。