Html 固定导航条位置未显示在使用ECSS框架的位置

Html 固定导航条位置未显示在使用ECSS框架的位置,html,css,materialized-views,materialize,Html,Css,Materialized Views,Materialize,我在Phonegap应用程序中使用Materializecss框架。 我在应用程序中使用导航栏,导航栏必须固定在屏幕顶部。但导航条的位置并没有显示在屏幕的顶部,而是显示在手机的下方,但当我在浏览器上测试时,它会显示在屏幕的顶部 HTML代码:- <div class="navbar-fixed"> <nav> <div class="nav-wrapper headercol z-depth-1 centr"> <a href="#!"&g

我在Phonegap应用程序中使用Materializecss框架。 我在应用程序中使用导航栏,导航栏必须固定在屏幕顶部。但导航条的位置并没有显示在屏幕的顶部,而是显示在手机的下方,但当我在浏览器上测试时,它会显示在屏幕的顶部

HTML代码:-

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


根据文档判断,我的猜测是编辑缩小的css文件,以确保正文上没有空白和填充

要做到这一点,请遵循以下步骤

  • 查找级联样式表,默认情况下为其命名。 materialize.min.css您可以在css文件夹中找到它
  • 在您喜爱的文本/代码编辑器中打开它
  • 使用“查找”来定位主体{
  • 将下面的代码添加到它
  • 利润,或评论,让我知道如果你需要更多的帮助

  • 你能提供一些示例链接吗。@stanze我不明白你关于“示例链接”的意思@Neotrixs你能说得更具体一点吗?你的语法不太清楚,而且你还没有发布问题的任何附加代码(正如stanze所说)。我们需要代码来提供帮助。我想您应该删除
    正文
    上的默认填充,但如果没有示例,这只是猜测。
    margin:0;padding:0;