网页根据屏幕分辨率不同调用不同的css，怎么做啊。大神们帮我解决一下

[95liudong]

我做的网页想自适应屏幕分辨率，在不同分辨率中调用不同的css，但网上看的那些js用上去都没效果，哪位大神可以帮我解决一下。麻烦写的详细点，还要告诉我放的位置，谢谢了。

[斯洛文尼亚旅游]

var w=screen.width;
if(w<1024)document.write('<link rel="stylesheet" type="text/css" href="xxxxx.css"/>');
else if(w>1300)document.write('<link rel="stylesheet" type="text/css" href="xxxxx.css"/>');
//.....更加多

[加油馒头]

引用 1 楼 showbo 的回复:

var w=screen.width;
if(w<1024)document.write('<rel="stylesheet" type="text/css" href="xxxxx.css"/>');
else if(w>1300)document.write('<rel="stylesheet" type="text/css" href="xxxxx.css"/>');
//.....更加多

高手

[斯洛文尼亚旅游]

你放script标签里面不会显示出来

这个是浏览器的缓存问题，没办法，一定要客户端清除了缓存将这段js代码更新到缓存中才行

如果是js下载下去了修改过css文件导致的缓存，可以修改js代码增加css的版本号，那个修改过就增加那个分支的版本号防止css缓存

var w=screen.width;
if(w<1024)document.write('<link rel="stylesheet" type="text/css" href="xxxxx.css?1.0"/>');
else if(w>1300)document.write('<link rel="stylesheet" type="text/css" href="xxxxx.css?1.0"/>');

修改过>1300的分支

var w=screen.width;
if(w<1024)document.write('<link rel="stylesheet" type="text/css" href="xxxxx.css?1.0"/>');
else if(w>1300)document.write('<link rel="stylesheet" type="text/css" href="xxxxx.css?2.0"/>');/////////

[95liudong]

[quote=引用 5 楼 showbo 的回复:] 缓存问题是大问题，不能根据分辨率直接跳转没什么用。你比较熟悉js这一块，能不能参照网上那些方法改进一下，看能不能帮我把这个问题解决一下。实在不行就算了吧，麻烦你了 谢谢。

[95liudong]

[quote=引用 1 楼 showbo 的回复:] 谢谢你你的帮助 现在可以了

[95liudong]

[quote=引用 1 楼 showbo 的回复:] 再问一下啊？这段代码在头部会显示出来，怎么隐藏它的？还有就是不清除缓存他就不会自动调用这个怎么解决？ 谢谢