固定导航栏位置未使用Materialisecss Framework显示在位

时间:2015-05-27 04:26:10

标签: html css css3 materialized-views materialize

我在我的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>

enter image description here

1 个答案:

答案 0 :(得分:1)

根据文档判断,我的猜测只是编辑缩小的css文件,以确保正文上有零边距和填充。

为此,请按照以下步骤进行操作;

  1. 找到您的级联样式表,默认情况下为其命名。 materialize.min.css 您可以在css文件夹中找到它。
  2. 在您喜欢的文本/代码编辑器中打开它。
  3. 使用find找到正文{
  4. 将以下代码添加到其中。
  5. margin:0;padding:0;
    1. ???????
    2. 如果您需要更多帮助,请通过利润或评论告诉我。