1、meta标签：
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
必须属性 content 提供了 元数据的值 定义与 http-equiv 或 name 属性相关的元信息
name :键 没有预定义值 但必须浏览器识别才有意义 常用 keywords description viewport 把 content 属性关联到一个名称。
<meta name="keywords" content="商旅 旅游 机票"/> <meta name="viewport" content="width=400, initial-scale=1">
http-equiv 把 content 属性关联到 HTTP 头部。 <meta http-equiv="content-type" content="text/html" />
对viewport重点介绍：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
告诉width等于设备宽度 初始化缩放比例等于1 最大缩放比例（1~10）为1，用户不可手动缩放