Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/113.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html iOS Safari文本输入光标出现在输入框外_Html_Ios_Css_Safari_Mobile Safari - Fatal编程技术网

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

Html iOS Safari文本输入光标出现在输入框外,html,ios,css,safari,mobile-safari,Html,Ios,Css,Safari,Mobile Safari,我在iOS(8.4)Safari上看到了一个奇怪的问题,在网页上有一个文本输入,当我应用字体大小、宽度和填充来设置样式时,输入光标显示在我的输入框的右侧和外部(并防止自动聚焦) 显示以下问题的屏幕截图: 我正在将CSS中的以下样式应用于输入元素(键入email): 它位于显示为块的容器中,没有边距或填充,宽度为100% 我将视口标记设置为: <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

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

显示以下问题的屏幕截图:

我正在将CSS中的以下样式应用于输入元素(键入email):

它位于显示为块的容器中,没有边距或填充,宽度为100%

我将视口标记设置为:

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


这是一个已知的错误,有解决方法吗?还是我的CSS中有什么东西导致了这个问题?

您是否尝试将
溢出:隐藏
添加到
CSS中?我没有一台运行iOS 8.4的设备,但它似乎应该可以做到这一点。

也看到了这一点,这也是非常有趣的事情。
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>