meta标签是一组键值对,它是一种通用的元信息表示标签。
在head中可以出现任意多个meta标签。一般的meta标签由name和content两个属性来定义。name表示元信息的名字,content则用于表示元信息的值。
meta标签用法:
1 基础用法之自定义设置
<meta name=application-name content="file-content">
2 设置文档编码方式
<meta charset="UTF-8" >
3 添加content-type http头,并指定编码方式。
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
4 meta之viewport
<meta name="viewport" content="width=device-width, initial-scale=1">
content的更多属性:
width:页面宽度,可以取值具体的数字,也可以是device-width,表示跟设备宽度相等。
height:页面高度,可以取值具体的数字,也可以是device-height,表示跟设备高度相等。
initial-scale:初始缩放比例。
minimum-scale:最小缩放比例。
maximum-scale:最大缩放比例。
user-scalable:是否允许用户缩放。
使用:
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0>
5 默认使用最新浏览器
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
原文地址:https://www.cnblogs.com/shanhuhai/p/12101897.html