不同分辨率js调用不同css问题
不同分辨率js调用不同css问题:例如:1024-a.css;800-b.css;1280-c.css;其他-d.css网站上有一种方法但是我JS学的很差function...
不同分辨率js调用不同css问题:
例如:1024-a.css;800-b.css;1280-c.css;其他-d.css
网站上有一种方法 但是我JS学的很差
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
里面link和他的元素[0]是代表什么,包括style
最好能按我CSS名全部写给我看看~~~~~新手分不多~~~ 展开
例如:1024-a.css;800-b.css;1280-c.css;其他-d.css
网站上有一种方法 但是我JS学的很差
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
里面link和他的元素[0]是代表什么,包括style
最好能按我CSS名全部写给我看看~~~~~新手分不多~~~ 展开
推荐于2016-06-15 · 知道合伙人软件行家
yfcp
知道合伙人软件行家
采纳数：1748
获赞数：5545
有多年网站建设相关工作经验。熟悉ASP、ASP.net、VB、JavaScript、HTML等语言和CSS、Ajax等相关技术。
向TA提问 私信TA
关注
![]()
展开全部
根据不同分辨率或不同窗口大小加载不同的css，让网页显示最合适的布局，是网站设计常用到的。
一、根据屏幕分辨率大小加载不同CSS.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="" rel="stylesheet" type="text/css" id="css" /> <!--备注：这里写一个带ID="css" 的空的link样式-->
<script>
var w=window.screen.width;//先获取屏幕分辨率大小
var c;
if(w==1280){
c="a.css";
}else if(w==1024){
c="d.css";
}else if(w==800){
c="c.css";
}else{
c="d.css";
}
document.getElementById("css").href=c;
</script>
</head>
<body>正文</body>
</html>
二、根据浏览器窗口大小加载不同CSS
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="" rel="stylesheet" type="text/css" id="css" /> <!--备注：这里写一个带ID="css" 的空的link样式-->
<script>
var w=document.documentElement?document.documentElement.clientWidth:document.body.clientWidth;//先获取窗口宽度
var c;
if(w>=1280){
c="a.css";
}else if(w>=1024){
c="d.css";
}else if(w>=800){
c="c.css";
}else{
c="d.css";
}
document.getElementById("css").href=c;
</script>
</head>
<body>正文</body>
</html>
一、根据屏幕分辨率大小加载不同CSS.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="" rel="stylesheet" type="text/css" id="css" /> <!--备注：这里写一个带ID="css" 的空的link样式-->
<script>
var w=window.screen.width;//先获取屏幕分辨率大小
var c;
if(w==1280){
c="a.css";
}else if(w==1024){
c="d.css";
}else if(w==800){
c="c.css";
}else{
c="d.css";
}
document.getElementById("css").href=c;
</script>
</head>
<body>正文</body>
</html>
二、根据浏览器窗口大小加载不同CSS
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="" rel="stylesheet" type="text/css" id="css" /> <!--备注：这里写一个带ID="css" 的空的link样式-->
<script>
var w=document.documentElement?document.documentElement.clientWidth:document.body.clientWidth;//先获取窗口宽度
var c;
if(w>=1280){
c="a.css";
}else if(w>=1024){
c="d.css";
}else if(w>=800){
c="c.css";
}else{
c="d.css";
}
document.getElementById("css").href=c;
</script>
</head>
<body>正文</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<HTML>
<HEAD>
</HEAD>
<BODY>
<span id="sty">dddd</span>
</BODY>
</HTML>
<script>
sty.innerHTML="";
if(window.screen.width==1024){
document.all.sty.document.write("<link href='a.css' rel='stylesheet' type='text\/css'\/>");
}else if(window.screen.width==800){
document.all.sty.document.write("<link href='b.css' rel='stylesheet' type='text\/css'\/>");
}else if(window.screen.width==1280){
document.all.sty.document.write("<link href='c.css' rel='stylesheet' type='text\/css'\/>");
}else{
document.all.sty.document.write("<link href='d.css' rel='stylesheet' type='text\/css'\/>");
}
</script>
//window.screen.width 为系统分辨率的宽度
<HEAD>
</HEAD>
<BODY>
<span id="sty">dddd</span>
</BODY>
</HTML>
<script>
sty.innerHTML="";
if(window.screen.width==1024){
document.all.sty.document.write("<link href='a.css' rel='stylesheet' type='text\/css'\/>");
}else if(window.screen.width==800){
document.all.sty.document.write("<link href='b.css' rel='stylesheet' type='text\/css'\/>");
}else if(window.screen.width==1280){
document.all.sty.document.write("<link href='c.css' rel='stylesheet' type='text\/css'\/>");
}else{
document.all.sty.document.write("<link href='d.css' rel='stylesheet' type='text\/css'\/>");
}
</script>
//window.screen.width 为系统分辨率的宽度
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
根据浏览器窗口大小加载不同CSS
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
