iOS Safari文本输入光标出现在输入框外

Question

我在iOS(8.4)Safari上看到一个奇怪的问题,网页上有文本输入,当我应用字体大小,宽度和填充时,输入光标显示在输入框的右侧和外侧根据我的需要设置样式(并防止焦点自动缩放).

截图显示以下问题:

我在CSS中将以下样式应用于input元素(类型为email):

font-size: 16px; width: 96%; padding: 2%;

它是在容器中显示块,没有边距或填充,宽度为100%.

我将视口标记设置为:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

这是一个已知的错误,是否有解决方法？或者我的CSS中有什么东西导致了这个问题？

Answer 1

您是否尝试添加overflow: hidden到<input>CSS 中？我没有运行 iOS 8.4 的设备，但这似乎应该可以解决问题。