meta 标签的学习
<meta name="viewport" content="width=device-width,initial-scale=1.0">
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 禁止缩放
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>flex</title>
</head>
<body>
</body>
</html>
<meta http-equiv="content-type|default-style|refresh">
属性值
| 值 | 描述 |
|---|---|
| content-type | 规定文档的字符编码。
实例： <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
| default-style | 规定要使用的预定义的样式表。
实例： <meta http-equiv="default-style" content="the document's preferred stylesheet"> 注释：上面 content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值，或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。 |
| refresh | 定义文档自动刷新的时间间隔。
实例： <meta http-equiv="refresh" content="300"> 注释：值 "refresh" 应该慎重使用，因为它会使得页面不受用户控制。在 W3C's Web 内容可访问性指南 中使用 "refresh" 会到导致失败。 |
