网页的各种分类

      我们一般对网页在不同设备的不同屏幕的适配很伤脑筋，我也是这样的，但是我最近在阅读一点bs的css代码后，我看见了这种框架对于这种问题的反应。

@media (min-width: 576px) {
					  .container {
						max-width: 540px;
					  }
					}

					@media (min-width: 768px) {
					  .container {
						max-width: 720px;
					  }
					}

					@media (min-width: 992px) {
					  .container {
						max-width: 960px;
					  }
					}

					@media (min-width: 1200px) {
					  .container {
						max-width: 1140px;
					  }
					} 

     在这里，他将设备分为<576的手机，>768的平板，>992的桌面显示器，>992的大型桌面显示器，>1200的超大型桌面显示器。在不同设备下的适配，就在其中写出。