【学习】自适应页面书写标准

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

viewport是网页默认的宽度和高度，
上面这行代码的意思是：网页宽度默认等于屏幕宽度（width=device-width），
原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。

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 禁止缩放

<meta name="renderer" content="webkit">

加了这个 标签 下次打开 会自动切换为 急速模式 第一次打开没作用

<!-- 避免IE使用兼容模式 -->

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

上述代码表达 源代码的意思是“优先使用IE最新版本” 

<meta http-equiv="Cache-Control" content="no-siteapp" />

强制缓存在任何情况下都不要保留任何副本