zoukankan      html  css  js  c++  java
  • 根据分辨率不同调用不同的css文件(转)

     

    摘录于 http://bbs.zdnet.com.cn/thread-108803-1-1.html

    <SCRIPT LANGUAGE="javascript">
      <!--
      if (window.navigator.userAgent.indexOf("MSIE")>=1)
      {
      var IE1024="";
      var IE800="";
      var IE1152="";
      var IEother=""; 
      ScreenWidth(IE1024,IE800,IE1152,IEother)
      }else{
      if (window.navigator.userAgent.indexOf("Firefox")>=1)
      {
      file://如果浏览器为Firefox
      var Firefox1024="";
      var Firefox800="";
      var Firefox1152="";
      var Firefoxother="";
      ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
      }else{
      file://如果浏览器为其他
      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; 
      }
      file://-->
      </SCRIPT>
    本贴来自ZDNetChina中文社区 http://bbs.zdnet.com.cn ,本贴地址:http://bbs.zdnet.com.cn/viewthread.php?tid=108803

     


    【解 释】:

      var IE1024="";
      var IE800="";
      var IE1152="";
      var IEother=""; 

      引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。  

      var Firefox1024="";
      var Firefox800="";
      var Firefox1152="";
      var Firefoxother="";


      引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。  

      var Other1024="";
      var Other800="";
      var Other1152="";
      var Otherother="";


      引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。


      不判断分辨率,只判断浏览器

      应E.Qiang提议,编如下代码。实现根据浏览器类型自动调用不同CSS。


      代码:

      <SCRIPT LANGUAGE="javascript">
      <!--
      if (window.navigator.userAgent.indexOf("MSIE")>=1)
      {
      file://如果浏览器为IE
      setActiveStyleSheet("default.css");
      }else{
      if (window.navigator.userAgent.indexOf("Firefox")>=1)
      {
      file://如果浏览器为Firefox
      setActiveStyleSheet("default2.css");
      }else{
      file://如果浏览器为其他
      setActiveStyleSheet("newsky.css");
      }
      } 
      function setActiveStyleSheet(title){ 
      document.getElementsByTagName("link")[0].href="style/"+title; 
      }
      file://-->
      </SCRIPT>

      解 释:

      如果浏览器为IE,则调用default.css

      如果浏览器为Firefox,则调用default2.css

      如果浏览器为其他,则调用newsky.css

      用法:放在<head></head>中即可。
    本贴来自ZDNetChina中文社区 http://bbs.zdnet.com.cn ,本贴地址:http://bbs.zdnet.com.cn/viewthread.php?tid=108803

  • 相关阅读:
    iOS--不重复随机数srand(time(0))
    iOS--kvo&kvc的使用
    iOS-- 添加真机测试
    iOS-- 使用xib实现自动布局
    iOS8-- Size Class的使用
    iOS--排序算法集合
    iOS--使用MD5加密
    iOS--判断一个字符串是不是手机号
    iOS--ASIHTTPRequest类库的添加和使用
    Python入门
  • 原文地址:https://www.cnblogs.com/zhuor/p/1048155.html
Copyright © 2011-2022 走看看