您所在的位置:小祥子 » 编程 » JavaScript » 正文

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

时间:2015-01-18 编辑:佚名 来源:互联网

首先给网站来一个通用的CSS引入代码
<link href="Styles/Style.css" id="css" rel="stylesheet" type="text/css" />
接下来,再弄一个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; //是宽屏
 
            }
 
})
 

关键词:屏幕