在手机上点击input框时会放大页面

加上  <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">  就可以了

 

 

• content属性值 :

（1）width：可视区域的宽度，值可为数字或关键词device-width；

（2）height：同width；

（3）intial-scale：页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放；

（4）maximum-scale=1.0, minimum-scale=1.0：可视区域的缩放级别，maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上；

（5）user-scalable：是否可对页面进行缩放，no 禁止缩放。