让网站根据用户分辨率自己调用CCS的源代码

发布网友发布时间：2022-07-20 07:43

共2个回答

热心网友时间：2023-10-20 14:58

楼主试一下这个看行不行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>让网站根据用户分辨率自己调用CCS的源代码 </title>
<link id="csslink" href="css.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
window.onload = function() { setcss(); };

function setcss()
{
var sw = window.screen.width;//得到屏幕分辨率的宽度
var sh = window.screen.height;//得到屏幕分辨率的高度
var csslinkobj = document.getElementById("csslink");//得到所引用的css文件的HTML对象
switch(sw)//根据不同的分辨率加载不同的css文件(根据分辨率的高度还是宽度来判断可以自己定，这里根据宽度来判断)
{
case 800:
csslinkobj.href = "css800.css"
case 1024:
csslinkobj.href = "css1024.css"
...
default:csslinkobj.href = "css.css"
}
}
</script>
</head>
<body>
</body>
</html>

热心网友时间：2023-10-20 14:59

这也可以的。通过JS能够达到这种效果。