*{margin: 0;padding: 0;}
div{background: #666;color: #fff;text-align: center;padding:15px 0;}
p{text-align: center;padding:15px 0;background:#ccc;}
p:after{content: '@media：1200及以上的样式';}
@media screen and (max-width: 1200px) {
  p{content: '@media：980-1200区间的样式';}	
}
@media screen and (max-width: 980px) {
  p:after{content: '@media：760-980区间的样式';}	
}
@media screen and (max-width: 760px) {
  p:after{content: '@media：640-760区间的样式';}	
}
@media screen and (max-width: 640px) {
  p:after{content: '@media：414-640区间的样式';}	
}
@media screen and (max-width: 414px) {
  p:after{content: '@media：375-414区间的样式';}	
}
@media screen and (max-width: 375px) {
  p:after{content: '@media：320-375区间的样式';}	
}
@media screen and (max-width: 320px) {
  p:after{content: '@media：320及以下的样式';}	
}