离子输入框宽度

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

或使自己的风格，并添加到您的输入