直接使用Medias Query来实现,在css样式表中直接用
@media(min-width:1200px){
/*这里是大于1024的代码。举例如下 :*/
body{ width:1024px;}
}
兼容所有浏览器,这个实现的叫做响应式布局
检测浏览器分辨率:
var screenWidth = screen.width;
if(screenWidth > 1024){
//call css...
}
var width = $(window).width();
if(width > 1024){
$().css();
}else{
$().css();
}
JS还不是很会哦