meta标签的使用——使页面适应各种设备

为了是页面能适应移动端，一般会加上如下代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0" charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

那么其意义究竟是什么呢：

What does <meta http-equiv=“X-UA-Compatible” content=“IE=edge”> do?

写给对<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">迷惑不解的小伙伴

meta name="viewport" content="width=device-width,initial-scale=1.0" 解释

 

以下代码可加可不加：

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

原因：

• HTML 4.01： <meta http-equiv="content-type" content="text/html; charset=UTF-8">
• HTML5： <meta charset="UTF-8">