解决web网页,在手机端点击输入框获得焦点,自动变大的问题

加入

解释:

  1. width=device-width :宽度等于设备屏幕的宽度。

  2. initial-scale=1.0:表示:初始的缩放比例。

  3. minimum-scale=0.5:表示:最小的缩放比例。

  4. maximum-scale=2.0:表示:最大的缩放比例。

  5. user-scalable=yes:表示:用户是否可以调整缩放比例。

6.分析:

在头部的中增加第一句话,其中【apple-mobile-web-app-capable】设置Web应用是否以全屏模式运行.如果content设置为yes,Web应用会以全屏模式运行,反之,则不会。content的默认值是no,表示正常显示。
在头部的中增加第二句话,可以让网页的宽度自动适应手机屏幕的宽度。
其中: width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
maximum-scale=1.0:表示最大的缩放比例
user-scalable=no:表示用户是否可以调整缩放比例
还有一个小小的值:
minimum-scale=0.5: 表示最小的缩放比例

你可能感兴趣的:(解决web网页,在手机端点击输入框获得焦点,自动变大的问题)