html+css+js|根据显示屏分辨率调试html 样式

根据显示屏幕调试CSS样式[直接写入style标签里]
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时,应用下面的CSS样式*/
.class {
background: #ccc;
}
}
@media screen and (min-width:960px) and (max-width:1200px){
body{
background:yellow;
}
}
【html+css+js|根据显示屏分辨率调试html 样式】

Js:var scrWidth = window.screen.width;

    推荐阅读