3个回答
展开全部
使用jqeury很简单，其实自己写的话思路也一样，只不过Jquery兼容性更容易控制一些。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="less1280.css" rel="stylesheet" type="text/css" id="mainCss"/>
</head>
<body>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
var iWinWidth =$(window).width(); //获取当前屏幕分辨率
if(iWinWidth>=1280){//大于1280更改css样式路径,
$("#mainCss").attr("href","more1280.css");
}
});
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="less1280.css" rel="stylesheet" type="text/css" id="mainCss"/>
</head>
<body>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
var iWinWidth =$(window).width(); //获取当前屏幕分辨率
if(iWinWidth>=1280){//大于1280更改css样式路径,
$("#mainCss").attr("href","more1280.css");
}
});
</script>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这里的分辨率不是电脑屏幕的分辨率，是IE浏览器的默认分辨率。
思路，动态加载CSS
JS
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
在load 的时候,获取分辨率，进行判断
然后动态加载css
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", "XXX.css")
思路，动态加载CSS
JS
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
在load 的时候,获取分辨率，进行判断
然后动态加载css
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", "XXX.css")
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接用css即可@media screen and (min-width:1280px)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
