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

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

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

网页制造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 BUG效果处置的一些阅历
  3. 网页在IE6下正常在IE7下错位的效果
  4. CSS网页制作教程:CSS文字单位PX、EM、PT
  5. css网页制造适用技巧9则
  6. css教程：font-size属性
  7. 关于textarea的直观换行
  8. CSS代码缩写技巧
  9. CSS独门技巧大放送