sanlyShi的前端之路四：meta，关于手机端的参数

<meta name="keywords" content="我的页面关键字"  />

<meta name="description" content="页面描述"  />

<meta http-equiv="refresh"  content="0;url"  /> content里面的数字表示多少秒后刷新，url指重新定向后要加在的网页网址

移动设备：

viewport：能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。

<meta  name="viewport"  content="width="device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"  />

1. width：宽度（数值 / device-width）（范围从200 到10,000，默认为980 像素）
2. height：高度（数值 / device-height）（范围从223 到10,000）
3. initial-scale：初始的缩放比例 （范围从>0 到10）
4. minimum-scale：允许用户缩放到的最小比例
5. maximum-scale：允许用户缩放到的最大比例
6. user-scalable：用户是否可以手动缩 (no,yes)

注意，很多人使用initial-scale=1到非响应式网站上，这会让网站以100%宽度渲染，用户需要手动移动页面或者缩放。如果和initial-scale=1同时使用user-scalable=no或maximum-scale=1，则用户将不能放大/缩小网页来看到全部的内容。

优先使用 IE 最新版本和 Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />