iOS（Safari）输入的大小不正确

Question

在Safari中创建HTML输入时，输入框的大小不正确。我试图创建一个高度为20px的输入，但是该输入的呈现高度接近30px。我看到大小不正确，因为它看起来大于其内部的div。有谁知道是什么原因造成的？

<div style="height: 30px; background-color: blue;">
    <input type="text" style="font-family: Open Sans; font-size: 20px; line-height: 20px; padding: 0; border: none; border-radius: 0;-webkit-appearance: none;" />
</div>

编辑通过手动将高度设置为20px，将字体大小设置为100％，它将变为正确的大小。