如何在IONIC 2中放大输入字段

Question

我想弄明白，如何放大输入字段，使其填满标题下方的整个页面。

我想扩大＆＃34;突出显示＆＃34;部分用于覆盖页面的其余部分。

代码如下所示：

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%;
    }
}

我无法理解为什么这段代码没有＆＃34;什么都没有＆＃34;，但如果我在＆＃34; px＆＃34;中指定高度它确实有用。

任何人都可以告诉我，为什么这不起作用以及如何解决这个问题？

谢谢你:)

Answer 1

您需要使用textarea来获取多行处理。

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

Answer 2

以下是本示例中适用于我的代码：

Timeout -1