如何放大IONIC中的輸入字段2

Question

我想弄清楚如何放大輸入字段，使其填充標題下方的整個頁面。

我想放大的「突出」部分，以覆蓋該頁面的其餘部分。

---

的代碼看起來是這樣的：

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：

page-tagebuch-anlegen { 

    #description{ 
     height: 80%; 
    } 
} 

我不明白爲什麼這個代碼「一無所有「，但如果我在」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>