在寫小程序時，發(fā)現(xiàn)輸入框與文本對齊運行到微信開發(fā)者工具上正常但到手機(jī)上卻不正常。需要注意這是由于字體大小不同造成的。

1.在編寫時應(yīng)該使文本與輸入框底部對齊，以確保實際運行出來不出錯。

2.輸入框中的提示文本用普通的class無法改變字體大小，可以嘗試設(shè)置placeholder-style設(shè)置字體大小。

3.輸入框與文本可以用彈性盒子居中對齊，display：flex；align-items：center；

4.為了讓文本和輸入框?qū)R，可以對它們分別設(shè)置相同的line-height。（個人認(rèn)為這種方法比設(shè)置彈性盒子更有效，更準(zhǔn)確）

原文鏈接：https://blog.csdn.net/lisijienumber/article/details/129377911