Question

如何用js控制网页中的css样式

检测当前浏览器的分辨率宽度，如果大于1024那么则调用一段css或者调用外部的css文件

Answer 1

直接使用Medias Query来实现，在css样式表中直接用
@media(min-width:1200px){
/*这里是大于1024的代码。举例如下 ：*/
body{ width:1024px;}
}
兼容所有浏览器，这个实现的叫做响应式布局

Answer 2

检测浏览器分辨率：
<script>

document.write('您的显示器分辨率为:\n' + screen.width + '*' + screen.height + ' pixels');

</script>

var screenWidth = screen.width;
if(screenWidth > 1024){
//call css...
}

追问

如果检测到以后则载入这样的写法，求解答

追答

百度--> 动态加载外部css文件

Answer 3

var width = $(window).width();
if(width > 1024){
$().css();

}else{
$().css();

}

Answer 4

JS还不是很会哦