css：构建响应式网站

• 创建可伸缩的图像

　　　　img标签省略设置width和height , 在样式表中设置max-width:100% ,

• 创建弹性布局网格

　　　　创建弹性布局的关键是使用百分数来设置width,而不要指定固定的宽度值

• 媒体查询

　　　　定义的方式：1）<link rel='''  href=""  media="">

　　　　　　　　　　2) 在样式表中@media screen and (max-width<960px){ }

　　　　最常用的是min-width   max-width

• 理解视觉区域以及使用视觉区域的meta元素

　　　　视觉区域（viewport）指的是浏览器显示页面的区域。

　　　　<meta name="viewport"  content="width=device-width, initial-scale=1" >

• 兼容旧版本

　　　　通过条件注释判断浏览器的版本，选取不同的样式表

　　　　<!--[if gt IE 8]><link ....> <![endif]-->  //除IE8及以下的版本外，使用的样式表

　　　　<!--[if lt IE 9]> <link ...>  <![endif]-->    //用于IE9及以下的版本