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

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

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

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

4.為了讓文本和輸入框對齊，可以對它們分別設置相同的line-height。（個人認為這種方法比設置彈性盒子更有效，更準確）

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