input输入框在ios中光标及字体不居中

如何解决input输入框在ios中光标及字体不居中的问题；
问题根本：不要使用line-height垂直居中。
解决方法：可直接定义height，然后高度由上下padding值撑开。

input {
    font-size: 1.6rem;
    height: 1.6rem;
    padding: 1rem 0;
}

---

更新2020-8-20

后来发现导致问题发生的原因是我在placeholder设置了line-height的原因

因此在input::-webkit-input-placeholder里去除line-height即可修复问题

 input::-webkit-input-placeholder {
    font-weight: 400;
    text-align: center;
    font-size: 32px;
    height: 88px;
    font-family: PingFangSC-Regular, PingFang SC;
    color: rgba(140, 142, 165, 1);
    vertical-align: middle;
  }