前端HTML之＜head＞标签三剑客：charset、viewport、X-UA-Compatible

1.Charset

    <meta charset="utf-8">

表明文档的编码格式为UTF-8；

2.viewport

	<meta name="viewport" content="width=device-width, initial-scale=1">

content属性值：

• width:可视区域的宽度，值可为数字或关键词device-width
• height:同width
• intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
• maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别
• maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上
• user-scalable:是否可对页面进行缩放，no 禁止缩放

3.X-UA-Compatible

	<meta http-equiv="X-UA-Compatible" content="IE=edge">

• X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记，用于为 IE8 指定不同的页面渲染模式。
• content告诉浏览器以什么文档模式渲染HTML文档
  • IE = edge：始终以最新的文档模式来渲染页面；
  • IE = 8: 以IE8标准渲染