<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 1.视图窗口 一般这样写即可-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
<!-- 宽度为设备宽度、默认不缩放、禁止手动缩放、minimal-ui网页加载时隐藏地址栏与导航栏 -->
<!--
视图窗口详细参数:
width – // [pixel_value | device-width] viewport 的宽度,范围从 200 到 10,000,默认为 980 像素
height – // [pixel_value | device-height ] viewport 的高度,范围从 223 到 10,000
initial-scale – // float_value,初始的缩放比例 (范围从 > 0 到 10)
minimum-scale – // float_value,允许用户缩放到的最小比例
maximum-scale – // float_value,允许用户缩放到的最大比例
user-scalable – // [yes | no] 用户是否可以手动缩放
target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] 目标屏幕像素密度
-->
<!-- 2.是否启动webapp功能,会删除默认的苹果工具栏和菜单栏。 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 3.当启动webapp功能时,
设置手机信号、时间、电池的顶部导航栏的颜色。
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 4.忽略页面中的数字识别为电话号码 -->
<meta name="format-detection"content="telephone=no, email=no" />
<title>Document</title>
</head>
<body>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 1.视图窗口 一般这样写即可-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
<!-- 宽度为设备宽度、默认不缩放、禁止手动缩放、minimal-ui网页加载时隐藏地址栏与导航栏 -->
<!--
视图窗口详细参数:
width – // [pixel_value | device-width] viewport 的宽度,范围从 200 到 10,000,默认为 980 像素
height – // [pixel_value | device-height ] viewport 的高度,范围从 223 到 10,000
initial-scale – // float_value,初始的缩放比例 (范围从 > 0 到 10)
minimum-scale – // float_value,允许用户缩放到的最小比例
maximum-scale – // float_value,允许用户缩放到的最大比例
user-scalable – // [yes | no] 用户是否可以手动缩放
target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] 目标屏幕像素密度
-->
<!-- 2.是否启动webapp功能,会删除默认的苹果工具栏和菜单栏。 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 3.当启动webapp功能时,
设置手机信号、时间、电池的顶部导航栏的颜色。
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 4.忽略页面中的数字识别为电话号码 -->
<meta name="format-detection"content="telephone=no, email=no" />
<title>Document</title>
</head>
<body>
</body>
</html>