页面根据不同宽度自适应不同样式

@media screen and (min-width:768px) and (max-width:991px){
	.content{height:680px}.box{top:320px}		
}
@media screen and (min-width:992px) and (max-width:1199px){
	//你想change的样式，多个样式直接跟着写即可	
}
@media screen and (min-width:1200px){
	//你想change的样式，多个样式直接跟着写即可			
}

这是常用的几个分辨率的样式。记录下

页面根据不同宽度自适应不同样式

原文：http://my.oschina.net/u/1245614/blog/390342