当前位置: 代码迷 >> JavaScript >> 使用jQuery检测用户的显示器分辨率,回加载不同的CSS
  详细解决方案

使用jQuery检测用户的显示器分辨率,回加载不同的CSS

热度:519   发布时间:2013-12-10 15:05:55.0
使用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"/>');
}
  相关解决方案