报道性提要,主要介绍研究的主要方法与成果以及成果分析等,对文章内容的提示较全面。
说明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>
搞定!