zoukankan      html  css  js  c++  java
  • 转: 根据屏幕分辨率,浏览器调用不同css

    <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>

  • 相关阅读:
    Qt 错误汇集贴
    转:Qt编写串口通信程序全程图文讲解
    转:QT 的点点滴滴 错误总结
    转:Qt项目中遇到的一些小问题汇总
    转:AM335X 启动流程
    基于Xilinx Zynq的计算处理平台
    基于英伟达Jetson TX1的GPU处理平台
    基于6U VPX的 SRIO 接口, 和PCIe 接口的msata 固态存储卡
    国芯网 邀请国产芯片原厂入驻商城
    295-Xilinx Kintex-7 X7K325T的半高PCIe x4双路万兆光纤收发卡
  • 原文地址:https://www.cnblogs.com/jearay/p/3392079.html
Copyright © 2011-2022 走看看