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

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

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

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

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

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