iphone上的html/css輸入焦點問題

Question

我在iphone上遇到了我的html/css代碼問題。 訪問此鏈接http://my-services-demo.botic-denis.com/ 並單擊頂部欄中的搜索圖標。 之後你會看到搜索欄。

問題在我點擊搜索輸入框時開始。

之後，它看起來像一些元素使身體更寬，我可以從左到右滾動。哪些不應該發生。

我找不到引起此問題的問題。

我驗證了html和css。

此外，我有另一種形式在頁面的底部。這是聯繫表格和輸入字段沒有任何焦點問題。

Answer 1

當您單擊瀏覽器放大該框的輸入框時，iOS上顯然會出現縮放問題，只有修復的方法是將輸入框的字體大小設置爲16px或更大。

font-size: 16px; 

希望這會有所幫助。