如何根据屏幕分辨率的不同 ，调用不同的css样式？

问题描述

如何根据屏幕分辨率的不同 ，调用不同的css样式？
我的代码如下

 function center(){            //判断显示器分辨率            var winWidth  = document.documentElement.clientWidth;            var winHeight = document.documentElement.clientHeight;            if((winWidth==1920)&&(winHeight==985)){                $(""#css"").attr(""href""page/common/css/logo_style2.css"");            }else if((winWidth==1366)&&(winHeight==673)){                $(""#css"").attr(""href""page/common/css/logo_style1.css"");            }        }

我在那个路径下，也写了两个css为什么我换显示器时，这个不起作用，永远是开头定义的那个css样式。

 <title>根据分辨率调整样式大小</title><link href=""page/common/css/logo_style1.css"" type=text/css rel=stylesheet />

请问怎么解决？

解决方案

$(""#css"").attr(""href""这是什么？如果是动态添加link节点，应该是下面这样 $(""<link>"")    .attr({ rel: ""stylesheet""        type: ""text/css""        href: ""page/common/css/logo_style2.css""    })    .appendTo(""head"");
时间： 2024-12-01 22:37:53

如何根据屏幕分辨率的不同 ，调用不同的css样式？的相关文章

根据分辨率不同，调用不同的css文件_javascript技巧

dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center border=0>  <SCRIPT LANGUAGE="javascript"&g

js判断屏幕分辨率的代码

由于现在的很多用户的分辨率问题,导致很多广告会遮挡内容或者对于不同分辨率的用户不同的css样式,就可以参考下面的代码   一般我们可以通过下面的代码判断分辨率 复制代码 代码如下: <script language="JavaScript">  <!-- Begin  function redirectPage() {  var wjb51=screen.width; var hjb51=screen.height; alert("经系统检测,你的屏幕分辨率

js判断屏幕分辨率的代码_javascript技巧

一般我们可以通过下面的代码判断分辨率 复制代码 代码如下: <script language="JavaScript">  <!-- Begin  function redirectPage() {  var wjb51=screen.width;var hjb51=screen.height;alert("经系统检测,你的屏幕分辨率为 " + wjb51+"*"+ hjb51 + "by jb51.net"

根据分辨率不同调用不同的css文件

css|分辨率 根据分辨率不同,调用不同的CSS文件根据分辨率不同,调用不同的css文件 dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center border=0> 

根据浏览器和分辨率不同自动调用样式表

分辨率|浏览器|样式表  在网上一找还真找到了不少,但都是克隆的别无二样,于是把网页上的代码放到网页上,但没有效果具是气死人,由于对脚本的不熟悉,只好请教他人最终问题终于解决了! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&q

根据浏览器和分辨率不同自动调用CSS样式表

css|分辨率|浏览器|样式表 在网上一找还真找到了不少,但都是克隆的别无二样,于是把网页上的代码放到网页上,但没有效果具是气死人,由于对脚本的不熟悉,只好请教他人最终问题终于解决了! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns

window-js判断屏幕分辨率 自适应

问题描述 js判断屏幕分辨率 自适应 function switchClass(){ if($(window).width()<1200){ $('.middle').removeClass('page_xs ').removeClass('page_sm').addClass('page_lg'); }else if($(window).height()<272){ $('.middle').removeClass('page_lg').removeClass('page_sm').addC

根据浏览器和分辨率不同自动调用CSS样式表 (jscript实现)

根据浏览器和分辨率不同自动调用CSS样式表, 这是用jscript实现的,以下是代码:  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

Windows7如何快速调节屏幕分辨率？

  如果你使用过微软Vista系统,你会发现,当你想要调节显示的分辨率时,需要点多次鼠标才能找到调节的位置,非常的不方便,很多新手都找不到如何去更改自己的分辨率.而在Windows7中,我们更改屏幕分辨率只需要点击两下鼠标,一次右击桌面,一次左击对应的功能,这也是Windows7细节改进的地方.