`
CatalinaCabana
  • 浏览: 5483 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
社区版块
存档分类
最新评论

JS判断显示器分辨率,调用对应CSS/JS代码

阅读更多
view plainprint?
if (window.navigator.userAgent.indexOf("MSIE")>=1) 

  var IE1024=""; 
  var IE800=""; 
  var IE1920=""; 
  var IEother=""; 
  ScreenWidth(IE1024,IE800,IE1152,IEother) 
}else{ 
  if (window.navigator.userAgent.indexOf("Firefox")>=1) 
  { 
    //如果浏览器为Firefox 
    var Firefox1024=""; 
    var Firefox800=""; 
    var Firefox1152=""; 
    var Firefoxother=""; 
    ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother) 
  }else{ 
    //如果浏览器为其他 
    var Other1024=""; 
    var Other800=""; 
    var Other1152=""; 
    var Otherother=""; 
    ScreenWidth(Other1024,Other800,Other1152,Otherother) 
  } 

function ScreenWidth(CSS1,CSS2,CSS3,CSS4){ 
  if ((screen.width == 1024) && (screen.height == 768)){ 
    setActiveStyleSheet(CSS1); 
  }else{ 
    if ((screen.width == 800) && (screen.height == 600)){ 
      setActiveStyleSheet(CSS2); 
    }else{ 
      if ((screen.width == 1152) && (screen.height == 864)){ 
        setActiveStyleSheet(CSS3); 
      }else{ 
        setActiveStyleSheet(CSS4); 
      }}} 

function setActiveStyleSheet(title){ 
  document.getElementsByTagName("link")[0].href="style/"+title; 



if ((screen.width < 1024) && (screen.height < 768)) 

  document.write("<link rel='stylesheet' type='text/css' href='template/sunflower/styles_only.css' />") 

else 

  document.write("<link rel='stylesheet' type='text/css' href='template/sunflower/styles_tri.css' />") 
分享到:
评论

相关推荐

    用js自动判断浏览器分辨率的代码

    本文将详细讲解如何使用JavaScript来自动判断浏览器的分辨率,并根据不同的分辨率应用相应的CSS样式表。 首先,我们来看给出的JavaScript代码段。这段代码的主要目的是检测用户所使用的浏览器类型(如IE、Firefox或...

    淘宝客拉人加群推广单页网站源码html无后台【html+css+js+带复制功能】

    适应大部分显示器分辨率尺寸哦。模板整体以多种颜色为主色调,适合做各种类型的网站。 同一个后台管理三网合一简单方便 模板亮点: 1、该模板由热站网亲自制作,代码干净整洁; 2、效果相当的炫酷,相当简洁大气高端...

    网络赚钱单页源码 网络赚钱项目单页模版 自动加群 高端大气竞价单页源码

    适应大部分显示器分辨率尺寸哦。模板整体以多种颜色为主色调,适合做各种类型的网站。 同一个后台管理三网合一简单方便 模板亮点: 1、该模板由热站网亲自制作,代码干净整洁; 2、效果相当的炫酷,相当简洁大气高端...

    Dreamweaver制作网页13种技巧详解汇编.pdf

    在Dreamweaver中,可以通过文档窗口右下角的分辨率设置调整页面适应不同分辨率,确保在各种显示器上都能良好显示。 6. **隐藏标签**:在插入不可见元素时,Dreamweaver会自动生成对应的标签。若这些标签影响了布局...

    2021-2022计算机二级等级考试试题及答案No.4399.docx

    1. 计算机显示器的点距:点距是指显示器上像素点之间的距离,点距越小,可以达到的分辨率越高,图像更清晰。 2. 文本框滚动条设置:在编程中,如果想让文本框显示滚动条,需要设置`Multiline`属性为`True`。 3. ...

    c#笔试集合

    - **描述**: 在不同的显示器分辨率下(例如800×600或1024×768),如何让网页内容居中显示。 - **解析**: 实现网页内容在不同分辨率下居中的方法可以通过CSS来完成。常见的方法是使用百分比布局或者flexbox布局。...

    fullscreen-clock-test:一个简单而多彩的时钟可视化

    当特定事件触发时,对应的处理函数会被调用。 6. **模块化和结构化**: 高质量的JavaScript代码通常遵循模块化和结构化的编程原则,例如使用ES6的`import`和`export`进行模块化,或者使用MVVM框架(如React、Vue)...

    2021-2022计算机二级等级考试试题及答案No.13049.docx

    2. 显示器的分辨率和颜色数确实由显示卡设定,但最终的显示效果是由显示器的物理特性决定的。 3. 在编程语言中,“/*…*/”用于多行注释,可以嵌套“//”单行注释,但不能嵌套多行注释“/*…*/”。 4. 卸载软件时...

    2021-2022计算机二级等级考试试题及答案No.9107.docx

    20. **显示效果**:显示器的分辨率和颜色数由显卡设定,但最终显示效果由显示器决定。 21. **移动图片框**:在某些编程环境中,移动图片框时,图片框上的控件位置相对图片框保持不变。 22. **IE浏览器查看历史站点...

    C#经典面试题.doc

    为了使Web页面在不同分辨率的显示器上都能居中显示,通常会使用CSS布局技巧,如设置`margin: auto`来实现内容区域的水平居中。 2. **正则表达式验证数字串**: 使用C#的`System.Text.RegularExpressions`命名空间...

Global site tag (gtag.js) - Google Analytics