1. 爱易网页
  2. CSS教程
  3. 判别用户阅读器及分辨率调用不同的CSS样式文件

判别用户阅读器及分辨率调用不同的CSS样式文件

日期：2014-04-07　 浏览次数：21076 次

网页制造aiyiweb文章简介：DIV CSS教程：判断用户分辨率调用不同的CSS款式文件.

　　DIV CSS教程：判断用户分辨率调用不同的CSS款式文件

　　（未测试 来自网络 请自行验证）

以下为援用的内容：
　　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>中即可。

以下为援用的内容：

　　<SCRIPT LANGUAGE="javascript">
　　<!--
　　if (window.n

相关资料更多>

  1. CSS网页规划学习的参考窍门
  2. CSS基础教程:CSS样式表与详细设备
  3. 建议网页设计师用CSS制造网站导航菜单
  4. css-sprite适用的条件:对css-sprite的了解
  5. 导航上用CSS标志以后页效果的完成
  6. CssGaga教程:自动同步文件和哀悼日网站一键变灰
  7. 学习CSS样式表中的类
  8. CSS滤镜属性详解
  9. CSS网页规划实例代码:左侧定宽右侧自顺应宽网页规划