iphone上的html/css输入焦点问题

Question

我在iphone上遇到了我的html/css代码问题。 访问此链接http://my-services-demo.botic-denis.com/ 并单击顶部栏中的搜索图标。 之后你会看到搜索栏。

问题在我点击搜索输入框时开始。

之后，它看起来像一些元素使身体更宽，我可以从左到右滚动。哪些不应该发生。

我找不到引起此问题的问题。

我验证了html和css。

此外，我有另一种形式在页面的底部。这是联系表格和输入字段没有任何焦点问题。

Answer 1

当您单击浏览器放大该框的输入框时，iOS上显然会出现缩放问题，只有修复的方法是将输入框的字体大小设置为16px或更大。

font-size: 16px; 

希望这会有所帮助。