Ionic 2の入力フィールドを拡大するには

Question

入力フィールドをタイトルの下のページ全体に塗りつぶす方法を理解しようとしています。

私は、ページの残りの部分をカバーするために、「強調表示」の部分を拡大したいです。このコードは、「何もしない理由を私は理解できない

page-tagebuch-anlegen { 

    #description{ 
     height: 80%; 
    } 
} 

：

tagebuch.html：

[........] 

    <ion-content> 
      <ion-list> 

       [........] 

       <ion-item id="description"> 
        <ion-label floating>Description</ion-label> 
        <ion-input type="text" [(ngModel)]="Eintrag"></ion-input> 
       </ion-item> 

      </ion-list> 

      <button full ion-button class="iButton" (click)="saveEintrag()">Speichern</button> 

    </ion-content> 

がtagebuch.scss

---

のコードは次のようになります"しかし、" px "で高さを指定するとうまくいきます。

誰にでも、なぜこれが動作しないのか、どうすればこの問題を解決できるのか教えていただけますか？

ありがとうございました:)

Answer 1

複数行の処理を行うには、テキストエリアを使用する必要があります。ここで

<textarea name="Text1" cols="40" rows="5"></textarea>

Answer 2

この例では私のために働いていたコードです：

<ion-item> 
    <ion-label floating>Tagebucheintrag</ion-label> 
    <!-- <ion-input type="text" [(ngModel)]="description" id="description"></ion-input> --> 
    <ion-textarea name="description" cols="40" rows="5" id="description"></ion-textarea> 
</ion-item>