Question

我对离子框架的输入有问题。输入似乎适合移动设备/小屏幕设备，它无法拉伸以适应中型或大型设备视图端口。是故意还是有虫子？以及如何使它适合任何屏幕至少到中等屏幕，因为我正在为平板电脑或ipad编写应用程序。

这个pen解释了这个案例，尝试在你自己的内容框中输入单词/句子。

输入代码

<input type="text" placeholder="Your own content" ng-model="customQuote" required>

Answer 1

在我看来你找到了这个bug。你应该修补ionic.css：

.item-input-inset .item-input-wrapper input {
    padding-left: 4px;
    height: 29px;
    background: transparent;
    line-height: 18px;
    // you should add the following:
    box-sizing: border-box; 
    width: 100%;
}

或制作自己的风格并添加到您的输入

离子输入盒宽度

1 个答案: