<link type="text/csss" href="" rel="stylesheet"/>

<link type="text/csss" href="" rel="stylesheet"/>

<link type="text/csss" href="" rel="stylesheet"/>

<script type="text/javascript">

if (window.navigator.userAgent.indexOf("MSIE")>=1) 
  { 
    var ie600="ie1.css"; 
    var ie768="ie2.css"; 
    var ie864="ie3.css";
    var ie960="ie4.css"; 
    var ieOtherother="ie6.css";
    ScreenWidth(ie600,ie768,ie864,ie960,ieOtherother);
  }else{ 
   //if (window.navigator.userAgent.indexOf("Firefox")>=1) { 
    //如果浏览器为Firefox 
   // var Firefox1024="style1"; 
   // var Firefox800="style2.css"; 
   // var Firefox1152="css1.css"; 
   // var Firefoxother="css1.css"; 
   // ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother); 
   //}else{ 
    //如果浏览器为其他 
    var Other600="qita1.css"; 
    var Other768="qita2.css"; 
    var Other864="qita3.css";
    var Other960="qita4.css";
    var Otherother="qita.css";
    ScreenWidth(Other600,Other768,Other864,Other960,Otherother); 
   //} 
  } 
  function ScreenWidth(CSS1,CSS2,CSS3,CSS4,CSS5){ 
   if (screen.height <= 600){ 
    setActiveStyleSheet(CSS1); 
   }else{
    if((screen.height>=600) && (screen.height<=768)){
     setActiveStyleSheet(CSS2);
    }else{
     if ((screen.width >=768) && (screen.height <=864 )){ 
      setActiveStyleSheet(CSS3); 
     }else{ 
      if ((screen.height >= 864) && (screen.height <=960 )){ 
       setActiveStyleSheet(CSS4); 
      }else{ 
       setActiveStyleSheet(CSS5);
      }
     }
    } 
    
   } 
  } 
  function setActiveStyleSheet(title){document.getElementsByTagName("link")[2].href="<%=path %>consultantHelp/css/"+title;}  
  <!--
   //根据浏览器来选择CSS
  // if (!window.XMLHttpRequest) {
  //  setActiveStyleSheet("ie6.css"); //IE6
  // }else if(window.ActiveXObject){
  //  setActiveStyleSheet("ie6.css"); //IE7
  // } else {
  //  setActiveStyleSheet("qita.css"); //Mozilla FireFox、Safari, etc.
  // }
  // function setActiveStyleSheet(filename){
  //  document.getElementsByTagName("link")[2].href="<%=path %>consultantHelp/css/"+filename; 
  // }
   -->
 </script>

转: 根据屏幕分辨率,浏览器调用不同css的更多相关文章

  1. 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码

    1.媒体查询方法在 css 里面这样写 -------------------- @media screen and (min-width: 320px) and (max-width: 480px) ...

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

    代码如下: <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024="&qu ...

  3. webapp开发——‘手机屏幕分辨率’与‘浏览器分辨率’不要混淆

    关于webApp响应式设计遇到的问题,分享给大家,最近在做一个手机webApp,因为我手机是”米3“,屏幕截图大小是1080宽,所以css样式用@media screen and(min-width: ...

  4. 响应式设计:理解设备像素,CSS像素和屏幕分辨率

    概述 屏幕分辨率.设备像素和CSS像素这些术语,在非常多语境下,是可互换的,但也因此easy在有差异的地方引起混淆,实际上它们是不同的概念. 屏幕分辨率和设备像素是物理概念,而CSS像素是WEB编程的 ...

  5. JS获取浏览器高宽度,屏幕分辨率和一些定位空隙等

    IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.d ...

  6. CSS根据屏幕分辨率宽度自动适应的办法

    CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS <SCRIPT language=JavaScript><!-- Beginif (screen.width == ...

  7. JS获取浏览器信息及屏幕分辨率

    因为vue有自己的生命周期,初始化数据的时候,可以在钩子函数created()函数里初始化数据,也可以在mounted()函数里获取,但是两者是不同的,获取浏览器和屏幕分辨率的时候,不能在create ...

  8. 如何让不同浏览器调用不同的CSS样式

    如何让不同浏览器调用不同的CSS样式 由 于对W3C标准支持程度的不同,往往导致同一个CSS样式表在各种Web浏览器中的呈现大相径庭.以目前市场占有率最高的两个浏览器Microsoft Interne ...

  9. JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

随机推荐

  1. expect安装和使用

    Expect是一个我们常在shell交互时常用到的工具,它主要由expect-send组成.Expect是等待输出内容中的特定字符.然后由send发送特定的相应.Expect的工作流程类似于:小明和小 ...

  2. springweb flux websocket

    直接上代码: import org.springframework.stereotype.Component; import org.springframework.web.reactive.sock ...

  3. The best career advice I’ve received --转载

    http://www.nczonline.net/blog/2013/10/15/the-best-career-advice-ive-received/ The best career advice ...

  4. thinkphp 页面静态化

    页面静态化(代码在最后) 静态页面 是网页的代码都在页面中,不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页,静态页面网址中一般不含“?”.“=”.“&”等特殊符号.  ...

  5. Matlab基本数学应用

    基本线性代数 [R jb]=rref(A)将A化为行最简型矩阵.R为所得行最简型矩阵,jb是一个向量显示每行首非0元所在列号. inv(A)求方阵A的逆,注意结果可能出现错误.当结果中出现Inf和Na ...

  6. hadoop学习笔记(九):MapReduce程序的编写

    一.MapReduce主要继承两个父类: Map protected void map(KEY key,VALUE value,Context context) throws IOException, ...

  7. 10.Set 和 Map 数据结构

    Set 和 Map 数据结构 Set 和 Map 数据结构 Set 基本用法 ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来 ...

  8. springboot面试专题及答案

    声明:此文章非本人所 原创,是别人分享所得,如有知道原作者是谁可以联系本人,如有转载请加上此段话 问题一 什么是 Spring Boot? 多年来,随着新功能的增加,spring 变得越来越复杂.只需 ...

  9. Java中响应结果工具类,可自定义响应码,内容,响应消息

    创建响应状态码和说明枚举类 /** * 响应状态码和说明 */public enum CodeEnum {    SUCCESS(0, "成功!"),    FAIL(1, &qu ...

  10. 深入理解MyBatis的原理(三):配置文件用法(续)

    前言:前文讲解了 MyBatis 的配置文件一部分用法,本文将继续讲解 MyBatis 的配置文件的用法. 目录 1.typeHandler 类型处理器 2.ObjectFactory 3.插件 4. ...