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

转载 2013年12月03日 17:09:28
原因:屏幕大小不一样,网站看起来总觉得怪怪的,所以,针对不同大小的屏幕,写了不同的css,写完了,要解决的问题就是:怎么根据屏幕的大小来引用不同的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//是宽屏
            }
})
好了,代码就是如此简单,各位看官,自己看着办吧...

不是伸手党的话,就点个推荐,或者收藏一下,有空闲的,给个小评论咯...

相关文章推荐

用js实现根据不同的分辨率和浏览器调用不同的css文件

方法一:(根据ID设定) JavaScript"> if (screen.width == "800") { document.getElementById("MyCS...

利用HttpHandler 调用不同的Css文件

利用HttpHandler 调用不同的Css文件 我对HttpHandler的理解 HttpHandler 是Framework中提供用于对Http请求的编程。而实现这一操作的主要接口是I...

JS判断浏览器类型和屏幕分辨率来调用不同的CSS样式

代码如下: =1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; ScreenWidth(IE1024,...

Js Css文件压缩工具源码

  • 2012-05-08 08:54
  • 300KB
  • 下载

js+css文件压缩工具

  • 2016-05-07 15:38
  • 522KB
  • 下载

iOS之在webView中引入本地html,image,js,css文件的方法

项目需求 最近开发的项目,需要一个webView,同时这个webView会需要引入一些项目中的资源: 一个本地的html文件,作为webView的模板两张loading图片,在图片未加载的时候...

ngTable js和css文件

  • 2016-12-23 08:03
  • 20KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)