離子輸入框寬度

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

或使自己的風格，並添加到您的輸入