Various categories of web pages

      We are generally very nervous about the adaptation of web pages to different screens on different devices, and I am also the same, but after reading a bit of css code of bs recently, I saw the response of this kind of framework to this kind of problem.

@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;
					  }
					}

     Here, he divides the devices into <576 mobile phones, >768 tablets, >992 desktop monitors, >992 large desktop monitors, and >1200 super large desktop monitors. The adaptation under different devices is written in it.