网页根据不同分辨率调用CSS代码！！！

来源：百度知道 编辑：UC知道 时间：2024/05/06 03:40:50
我在网上找到下面的方法但是怎么都不行。
我是新手希望有高手指点下。拜托！！！
<SCRIPT LANGUAGE="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";

ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://如果浏览器为Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";

ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
file://如果浏览器为其他
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}

function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width

这段代码的意思是，判断浏览器是IE还是FIREFOX，再判断是什么分辨率，不同分辨率用不同的CSS代码
具体用的时候是，如下
var IE1024="IE1024STYLE.CSS";在每一句中设置你要调用的CSS文件的名称。
你在你的页面同一级下的style 文件夹下新建这个名字的CSS文件。如果在1024分辨率的IE浏览器下就会调用这个CSS文件。其他分辨率同理。需要把所有Var var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
这些都设好CSS文件。这段JS放在<HEAD></head>内，就能起到效果。