报道性提要，主要介绍研究的主要方法与成果以及成果分析等，对文章内容的提示较全面。
说明css框架的使用方法:第一步：
设置meta
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0
maximum-scale=1.0user-scalable=0" />
第二步：
引用基础css，就是说，所有引用pure的代码之前，需要引入的一个css
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/base-min.css">
第三步：
引用pure的主css
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/pure-min.css">
第四步：
引入你需要的pure的css，这里呢，我们抛砖引玉，只管响应式布局：
<!--[if lte IE 8]>
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<!--<![endif]-->
方法：根据浏览者的分辨率自动调用样式表1、新建两个样式表分别命名为：1024.css800.css（当然有更多分辨率，可以增加样式表）
2、在样式表中分别定义好图片作为网页背景。
3、新建一个网页文件，把下面代码复制过去。
<script language="JavaScript">
<!--
function test(){
var a=screen.width+".css"
//alert(a)
//测试变量a的值
document.getElementById("eric").href =a
}
//-->
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<title>无标题文档</title>
<link href="" rel="stylesheet" type="text/css" id="eric">
</head>
<body onLoad="test()">
</body>
</html>
搞定！
