本文已参与「新人创作礼」活动，一起开启掘金创作之路
第一步使用JS函数到当前获取屏幕宽度
var winWide = $(window).width();
console.log(winWide);
第二步，使用JS判断屏幕的改变状态并且在分辨率改变时既触发函数
$(window).resize(function(){
})
小案例
当改变屏幕时触发函数 屏幕小于等于1200px时，盒子出现，否则盒子消失
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script>
$(function(){
$(window).resize(function(){
var winWide = $(window).width();
console.log(winWide);
if(winWide <=1200){
$(".box").css("display","block");
}
else{
$(".box").css("display","none");
}
})
})
</script>
<body>
<div class="box">
<p>
成长就像走夜路一样，既没有灯也没啥人，但正因为黎明很美，所以你要酷酷的走下去。一起加油吧！！
</p>
</div>
</body>
PS：
```javascript
$(function(){
}）
如果外链入JS文件，但是函数却没有执行时，可以检查并添加这个js函数试一下！！！
