我想写一个根据不同浏览器宽度比如：电脑，平板，手机，三种不同分辨率调取不同css样式的JS，
这样写哪里不对求大神指导ps：下面这个是我从网上找的<!doctypehtml><html><head><metacharset="utf-8"><title>js判断不...
这样写哪里不对 求大神指导 ps：下面这个是我从网上找的
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js判断不同分辨率调用不同的css样式_www.jbxue.com</title>
<link rel="stylesheet" id="sc" type="text/css" href="css/c1.css"/>
<script type="text/javascript">
window.onload=function(){
var sc=document.getelementbyid("sc");
var d=document.getelementbyid("d");
if(screen.width>1024) //获取屏幕的的宽度
{
sc.setattribute("href","css/c2.css"); //设置css引入样式表的路径
d.innerhtml = "你的电脑屏幕宽度大于1024，我的宽度是 1200px, 背景色现在是红色。";
}
else{
sc.setattribute("href","css/c1.css");
d.innerhtml = "你的电脑屏幕宽度小于或是等于1024，我的宽度是 960px, 背景色现在是蓝色。";
}
}
</script>
</head>
<body>
<div id="d"></div>
</body>
</html> 展开
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js判断不同分辨率调用不同的css样式_www.jbxue.com</title>
<link rel="stylesheet" id="sc" type="text/css" href="css/c1.css"/>
<script type="text/javascript">
window.onload=function(){
var sc=document.getelementbyid("sc");
var d=document.getelementbyid("d");
if(screen.width>1024) //获取屏幕的的宽度
{
sc.setattribute("href","css/c2.css"); //设置css引入样式表的路径
d.innerhtml = "你的电脑屏幕宽度大于1024，我的宽度是 1200px, 背景色现在是红色。";
}
else{
sc.setattribute("href","css/c1.css");
d.innerhtml = "你的电脑屏幕宽度小于或是等于1024，我的宽度是 960px, 背景色现在是蓝色。";
}
}
</script>
</head>
<body>
<div id="d"></div>
</body>
</html> 展开
2个回答
展开全部
css文件中加入下边的代码:
@media only screen and (min-width: 1000px) {
这里面写最小宽度为1000px时的css样式
}
@media only screen and (max-width: 1000px) {
这里面写最大宽度为1000px时的css样式
}
其他的以此类推可以根据这些调用不同的css样式，试试吧
@media only screen and (min-width: 1000px) {
这里面写最小宽度为1000px时的css样式
}
@media only screen and (max-width: 1000px) {
这里面写最大宽度为1000px时的css样式
}
其他的以此类推可以根据这些调用不同的css样式，试试吧
追问
这样写用JS吗？
追答
不需要呀
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
