js根据屏幕宽度调整css文件引用
请直接帮我填充<script></script>之间的内容吧（我的工具是Dw）<!doctypehtmlPUBLIC"-//W3C//DTDXHTML1.0Transit...
请直接帮我填充<script></script>之间的内容吧（我的工具是Dw）
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link type="text/css" rel="stylesheet" href="largestyle.css" id="css" />
<script></script> 展开
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link type="text/css" rel="stylesheet" href="largestyle.css" id="css" />
<script></script> 展开
4个回答
展开全部
js 根据屏幕大小调用不同的css文件；
解决方法:
首先，在head标签里面先引用一个通用的CSS文件，如下:
<link href="Styles/Style.css" id="css" rel="stylesheet" type="text/css" />
//这时候,你会发现,这个和平常引用的CSS文件有些许不同,那就是,多加了一个ID,这里面就增加了一个id为css的id.
接下来,再弄一个js,代码如下:
$(function () {
//判断是否宽屏
var winWide = window.screen.width;
alert(winWide);
var wideScreen = false;
if (winWide <= 1024) {//1024及以下分辨率
$("#css").attr("href", "Styles/Style1.css");
alert('小屏');
} else {
$("#css").attr("href", "Styles/Style.css");
alert('大屏');
wideScreen = true; //是宽屏
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script src="js/jquery.js"></script>//引用jquery
<script type="text/javascript">
$(function(){
$(window).bind("load", funcA);
$(window).bind("resize", funcA);
function funcA(){
var newW = $(window).width();
//可以自己修改条件，加载不同的css文件
if(newW > 990){
$("#css").attr({href: "largestyle.css"});
}else{
$("#css").attr({href: "smallstyle.css"});
}
}
});
</script>
<script type="text/javascript">
$(function(){
$(window).bind("load", funcA);
$(window).bind("resize", funcA);
function funcA(){
var newW = $(window).width();
//可以自己修改条件，加载不同的css文件
if(newW > 990){
$("#css").attr({href: "largestyle.css"});
}else{
$("#css").attr({href: "smallstyle.css"});
}
}
});
</script>
更多追问追答
追问
为什么我用了效果没有？能不能留一下邮箱或qq？代码放不下
追答
需要引用jquery.js的
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在网上查一下media query吧，css3的语法。既然你对浏览器的版本没什么要求，这个就可以了，随便找个文章就能了解个差不多。只是兼容性不太好，只对高版本的浏览器管用，不过网上的文章里，一般都会加上一些解决兼容性的JS代码。
追问
能不能给我一个联系方式？我用网上的方法发现不成功。谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
工具没有什么，这个有2个方式，一个是京东的，2种固定宽度，1210，和990，在html标签上面加入不同的类，来区分，
第二是百分百比，用浏览器宽度来判断，自适应，就是所谓响应式布局，高端，你想要那个代码。
第二是百分百比，用浏览器宽度来判断，自适应，就是所谓响应式布局，高端，你想要那个代码。
更多追问追答
追问
对，我要第二种方法的代码，能不能帮我写一下？
追答
兼容性不广哦，不兼容低版本浏览器，特别是ie6/7这样的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
