用js实现根据不同的分辨率和浏览器调用不同的css文件

方法一:(根据ID设定)


方法二:(根据来访域名(或者分辨率)自动选择不同的CSS样式)

if(window.screen.width==1280){  
    document.write("");  
}  
if(window.screen.width==800){  
    document.write("");  
}  

方法三:(根据来访域名(或者分辨率)自动选择不同的CSS样式)

根据来访域名来自动选择CSS样式例如一个网站有两个域名a.com和b.com用户访问a.com的时候显示a.css,访问b.com时显示b.css。
也可以根据不同的屏幕分辨率来选择CSS样式的,

在和中加入以下代码即可实现:

方法四:

用js实现根据不同的分辨率和浏览器调用不同的css文件: 

定义以下js变量,做分辨率的尺寸判断. 
var IE1024=""; 
var IE800=""; 
var IE1152=""; 
var IEother="";  
引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。   
var Firefox1024=""; 
var Firefox800=""; 
var Firefox1152=""; 
var Firefoxother=""; 
引号里面分别填写,用户使用forefox的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。   
var Other1024=""; 
var Other800=""; 
var Other1152=""; 
var Otherother=""; 
引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 
不判断分辨率,只判断浏览器 
代码如下: 
 
解 释: 
如果浏览器为IE,则调用default.css 
如果浏览器为Firefox,则调用default2.css 
如果浏览器为其他,则调用newsky.css 
用法:放在中即可。 

转载:http://blog.csdn.net/grief_of_the_nazgul/article/details/26689695





你可能感兴趣的:(前端开发)