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

【问题标题】：How can I enlarge an input field in IONIC 2如何在 IONIC 2 中放大输入字段
【发布时间】：2017-11-12 06:38:16
【问题描述】：

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

我想放大“突出显示”的部分以覆盖页面的其余部分。

代码如下所示：

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”中指定高度，它确实有效。

谁能告诉我，为什么这不起作用以及如何解决这个问题？

谢谢你:)

【问题讨论】：

标签： css ionic-framework sass

【解决方案1】：

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

&lt;textarea name="Text1" cols="40" rows="5"&gt;&lt;/textarea&gt;

【讨论】：

【解决方案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>

【讨论】：