如何在UC浏览器Mobile上垂直对齐输入元素的占位符？

Question

我的问题是浏览器特定的。我的css在移动设备上的UC浏览器中不能像在其他浏览器中一样好用。

我想在中心垂直对齐占位符。但令我惊讶的是，垂直对齐似乎有些偏差。

这是我从UC浏览器中截取的屏幕截图

这是我的小提琴Open in UC browser

的链接

以下是UC浏览器的链接：UC Browser Android

UC Browser for Ios

我已应用以下css

.date-input {     
    padding: 8px 30px 8px 36px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

<input type="text" class="date-input" placeholder="Hello World">

请帮助

Answer 1

只使用em代替像素......

.date-input {     
    font-size: 1em;
    font-weight: 400;
    line-height: 1.35em;
    outline: none;
    padding: 0.57em;
}