根据屏幕分辨率，浏览器调用不同css-优快云博客

本文链接：https://blog.youkuaiyun.com/liuhl_h/article/details/5953186

本文介绍了一种通过JavaScript检测浏览器类型和屏幕分辨率，并据此加载不同样式表的方法。这种方法可以确保网站在不同设备上都能获得良好的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;}
  
</script>