<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>*{margin: 0;padding: 0;}div{background: #0da5df;color: #fff;text-align: center;font-size:20px;height:10vh;line-height:10vh;}p{text-align: center;background:#FED7AB;font-size:20px;height:90vh;line-height:30vh;}p:after{content: '@media：1920以上的样式';}@media screen and (max-width: 1920px) { p{content: '@media：1600-1920区间的样式';} }@media screen and (max-width: 1600px) { p{content: '@media：1440-1600区间的样式';} }xxxxxxxxxx$(function(){ $('body').append('<div></div><p></p>') divW();})$(window).resize(function(){ divW();})function divW(){ $('div').html('实时获取窗口宽度：'+$('div').width()+'px');}