js根据屏幕宽度调整css文件引用

js 根据屏幕大小调用不同的css文件；

解决方法:

首先，在head标签里面先引用一个通用的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; //是宽屏
            }
})

//引用jquery

在网上查一下media query吧，css3的语法。既然你对浏览器的版本没什么要求，这个就可以了，随便找个文章就能了解个差不多。只是兼容性不太好，只对高版本的浏览器管用，不过网上的文章里，一般都会加上一些解决兼容性的JS代码。

工具没有什么，这个有2个方式，一个是京东的，2种固定宽度，1210，和990，在html标签上面加入不同的类，来区分，
第二是百分百比，用浏览器宽度来判断，自适应，就是所谓响应式布局，高端，你想要那个代码。