这个问题主要集中在 ios 设备中，本来页面打开是正常显示的，当点击 input 输入框时页面会自动放大，虽说是为用户着想，但随着移动端设备的屏幕越来越大，这一步就会显的很多余，并且输入完毕后并不会自动恢复页面，必须手动缩小。

这个问题我们可以通过下边的代码解决。
在 header 中加入

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>

注释：
viewport	                    //表示可视区域
width	                       //可视区域的宽度，值可为数字或关键词device-width（设备的宽度）
initial-scale	               //初始的缩放比例 （范围从>0到 10 ）
minimum-scale	               //允许用户缩放到的最小比例
maximum-scale	               //允许用户缩放到的最大比例
user-scalable	               //用户是否可以手动缩放
apple-mobile-web-app-capable    //表示苹果工具栏和菜单栏，默认content为no，即显示工具栏和菜单栏。设置将content设置成yes即为不显示

一般情况下到这里就可以解决问题了，如果还无效

你可以试试把 input 输入框的 font-size 属性设置为 16px以下 试试看。