html mate 设置状态栏,meta标签设置（移动端）

一、首先出结论：

移动端meta标签一般设置为：

其中：

width=device-width：宽度等于设备宽度

initial-scale=1.0：默认缩放1.0

maxinmum-scale=1.0：最大缩放1.0

user-scalable=0：用户不允许手动缩放(不加上面三条的话，手机端屏幕会一点就变大哦)

name="viewport"：声明是视图层

二、然后，介绍一下移动端常见的meta标签设置

1、设置当前html文件的字符编码

2、设置浏览器的兼容模式(让IE使用最新的浏览器渲染)

3、视口(快捷键：meta:vp)

1).作用：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备那么大展示；

2).视口的宽度可以通过meta标签设置；

3).此属性为移动端页面视口设置；

4).width：视口的宽度，width=device-width：宽度是设备的宽度

5).initial-scale：初始化缩放，- initial-scale=1.0：不缩放

6).user-scalable：是否允许用户自行缩放，取值0或1，yes或no

minimum-scale：最小缩放

maximum-scale：最大缩放

7).一般设置了不允许缩放，就没必要设置最大最小缩放了。

4、Cache-Control头域

1).Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。

2).no-cache指示请求或响应消息不能缓存

3).no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存

4).must-revalidate：告诉浏览器、缓存服务器，本地副本过期前，可以使用本地副本；本地副本一旦过期，必须去源服务器进行有效性校验。

5、是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出

6、禁止将页面中的一连串数字识别为电话号码、并设置为手机可以拨打的一个连接。

这个标签的默认值是telephone=yes。

7、删除默认的苹果工具栏和菜单栏

8、控制状态栏显示样式

9、条件注释

- html5shiv让浏览器可以识别html5的新标签；

- respond让低版本浏览器可以使用CSS3的媒体查询。

标签：缓存,浏览器,no,标签,缩放,meta,scale,设置,移动

来源： https://www.cnblogs.com/MelodysBlog/p/10449602.html