关于webapp手机端 index.html重要的设置

<meta name="apple-mobile-web-app-capable" content="yes">

   该网页可以作为一个Web应用全屏显示，并且可以添加到主屏幕。当设置为yes时，允许用户添加网页到主屏幕，并在主屏幕上以Web应用的形式启动

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

视口（viewport），控制网页在移动设备上的布局。具体参数如下：

• width=device-width 设置视口的宽度与设备的屏幕宽度相同。
• initial-scale=1.0 设置页面初始缩放比例为1.0。
• minimum-scale=1.0 和 maximum-scale=1.0 定义了用户可以缩放到的最小和最大比例，这里都是1.0，意味着用户不能缩放页面。
• user-scalable=no 明确禁止用户缩放页面。