网页的各种分类介绍

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

<span style="font-family:'Microsoft YaHei';font-size:16px;">@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;  
                      }  
                    } </span>  

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