html-媒体查询常用标准代码（个人笔记）

/* 超小屏幕 */
@media (max-width:575px) {
	.container-self{
	}
}
/* 小屏幕 */
@media (min-width:576px) and (max-width:767px) {
	.container-self{
		width: 540px;
	}
}
/* 中屏幕 */
@media (min-width:768px) and (max-width:991px) {
	.container-self{
		width: 720px;
	}
}
/* 大屏幕 */
@media (min-width:992px) and (max-width:1199px) {
	.container-self{
		width: 960px;
	}
}
/* 超大屏幕 */
@media (min-width:1200px){
	.container-self{
		width: 1140px;
	}
}