HTML meta 的使用

1.强制让页面的宽度与设备的宽度保持1：1，并且文档最大的宽度比例是1.0，且不可以点击屏幕放大浏览

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

2.WebApp全屏模式 隐藏地址栏。

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

3.禁止百度转码

<meta http-equiv="Cache-Control" content="no-siteapp">

4.制定iphone中safari顶端的状态条的样式（default:白色，black:黑色，black-translucent：半透明）

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

5.添加到IOS主屏后的标题。

<meta name="apple-mobile-web-app-title" content="标题名称">

原文链接：https://blog.csdn.net/qq_37968920/article/details/82390950