移动端web开发之坑---input内文字与同行文字不对齐问题

<p><input type="text" placeholder="请输入需要兑换金额数目"> 港币</p>

1、
在chrome中设置

p{
   display: flex;justify-content: flex-start;align-items: center
}

就可以很好的解决对齐的问题，此时input框中的文字就是垂直居中的

在ios中，input内文字的靠下，顶框与同行文字对齐，设置input vertical-align:top;效果良好
在安卓中，input内文字靠上，设置input vertical-align:text-bottom;效果良好
（多台手机已验证）

2、设置input的line-height