读书人

使用jQuery检测用户的显示器分辨率回

发布时间: 2013-12-10 15:05:55 作者: rapoo

使用jQuery检测用户的显示器分辨率,来加载不同的CSS
如题
使用jQuery检测用户的显示器分辨率,回加载不同的CSS
求大神写详细点
[解决办法]
CSS3 Media Query


<link rel="stylesheet" media="screen and (max-width: 600px)" href="css/style.css"/>


@media screen and (max-width:960px){
html,body{}
.header{}
...
}


非要js的话,获取screen的宽高,然后动态载入相应css便是

if(screen.width > 1366) {
document.write('<link rel="stylesheet" href="css/style.css"/>');
}

读书人网 >JavaScript

热点推荐