類固醇離子形式低於標題欄

我開始第一次使用JavaScript玩，我把類固醇項目的index.html變成了一個簡單的登錄表單，但內容是低於標題。我也試過<ionic-header-bar><ionic-content>標籤，但沒有任何作品。我錯過了什麼？類固醇離子形式低於標題欄

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>Gestor de Mesas</title> 

    <link rel="stylesheet" href="/components/ionic/css/ionic.min.css" /> 
    <link rel="stylesheet" href="/stylesheets/application.css" /> 

    <script src="/javascripts/onerror.js"></script> 
    <script src="/javascripts/console.log.js"></script> 

    <!-- cordova.js is served from localhost to ensure the correct version --> 
    <script src="http://localhost/cordova.js"></script> 
    <script src="/components/steroids-js/steroids.js"></script> 

    <script src="/javascripts/application.js"></script> 
</head> 
<body class="content"> 
    <ion-header-bar class="bar bar-header bar-positive"> 
    <h1 class="title">Login</h1> 
    </ion-header-bar> 
    <ion-content> 
    <div class="list"> 

    <label class="item item-input"> 
     <span class="input-label">Username</span> 
     <input type="text"> 
    </label> 

    <label class="item item-input"> 
     <span class="input-label">Password</span> 
     <input type="password"> 
    </label> 
    <li class="item item-checkbox"> 
    <label class="checkbox"> 
     <input type="checkbox"> 
    </label> 
    Lembrar? 
    </li> 
    </div> 
    <button class="button button-positive"> 
     Entrar 
    </button> 
    </ion-content> 
</body> 
</html>

來源

2014-10-31 terramoto

沒人幫忙？ :( – terramoto 2014-11-01 14:27:15

嘗試添加Class「has-header」到您的標記。它會解決問題。這是因爲：

離子標題欄絕對定位。因此你的較低內容會落後於它。 .has-header class defined top：44px，它會將您的內容向下移動所需的空間。

來源

2014-11-03 11:55:34

類固醇離子形式低於標題欄

回答

相關問題