input输入框在IOS手机上偏移问题

问题:input输入框在IOS手机上,由于placeholder字体小于输入框字体,导致placeholder字体偏上显示。

解决方案:placeholder属性,设置line-height: normal; padding-top: 0.4rem(2px)。就可以。
类似支付宝还花呗-提前还款页面。input输入框问题。
input::-webkit-input-placeholder
padding-top .4rem
line-height normal

注意 :父级元素不要设置diaplay: flex属性。更不要设置align-items为baseline,显示会出问题

你可能感兴趣的:(项目遇到的问题及优化)