根据不同分辨率调用不同的CSS

作者：佚名 来源：网络摘编 编辑：阿凡 

我们在做网页设计的时候，经常遇到这样的问题：在1024×768的分辨率下看起来很漂亮，但是到了1280×1024或者更高的分辨率下再看同样的网页，会发现很难看。很多朋友可能会问：有没有什么办法可以解决这个问题呢？今天，笔者就教大家一个好方法，使你设计的网页可以根据显示器的分辨率调用不同的CSS文件，从而让你设计的网页更加美观。

代码如下：

　 【解 释】：

　　var IE1024="";

　　 var IE800="";

　　 var IE1152="";

　　 var IEother="";　

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

　　var Firefox1024="";

　　 var Firefox800="";

　　 var Firefox1152="";

　　 var Firefoxother="";

　　引号里面分别填写，用户使用FF的时候并且分辨率为1024×768，800×60，1152×8要使用的css文件名。　　

　　var Other1024="";

　　 var Other800="";

　　 var Other1152="";

　　 var Otherother="";

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

　　不判断分辨率，只判断浏览器，实现根据浏览器类型自动调用不同CSS。

　　代码：

　　解 释：

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

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

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

　　用法：放在中即可