1133936-20170714103552587-1783645322.png
經過嘗試，發現是因為input組件默認的樣式問題，在設置input組件的寬度的時候 如果是這是width的值，則不能用百分比，而要用真實的數據，如px、rpx等；還有一種情況就是如果真需要用到百分比，那么可設置的input組件的 min-width 和 max-width 屬性，但注意：如果設置的是 min-width 或 max-width 屬性，不可設置 width 屬性，具體代碼如下：
/*第一種：設置真實值*/
.inputstyle1{
width:450rpx;
}
/*第二種：設置min-width值*/
.inputstyle2{
min-width:60%;
}
/*第三種：設置max-width值*/
.inputstyle3{
max-width:60%;
}
/* 三種選擇一種寫即可 */
具體效果如下：
2222.png
