使用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"/>');
}