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"/>');
}
<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"/>');
}
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货