您现在的位置是：网站首页> 编程资料编程资料

判断用户浏览器及分辨率调用不同的CSS样式文件_CSS教程_CSS_网页制作_

2021-09-09 1015人已围观

简介判断用户分辨率调用不同的CSS样式文件，下面的代码确实有问题，不过我们提供了一个js版本的，需要的朋友可以参考下原理

一般我们可以通过下面的代码判断分辨率

复制代码

代码如下:

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。
　　代码：

复制代码

代码如下:

　　解释：
　　如果浏览器为IE，则调用default.css
　　如果浏览器为Firefox，则调用default2.css
　　如果浏览器为其他，则调用newsky.css
　　用法：放在中即可。

复制代码

代码如下: