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

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

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

网页制造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代码的25个小技巧
  2. 网页代码实例:CSS制造淘宝导航交互的小三角箭头
  3. CSS网页规划中文排版的9则技巧
  4. CSS设置的背景图片在IE7中点击消逝
  5. 用CSS3实现网页文本禁止复制的CSS代码
  6. CSS中的行为—expression
  7. CSS 中 position:absolute 与 z-index 对层次结构影响
  8. 二十一 Forms 可用性
  9. 也谈也谈Doctype