以下用 viewportWidth 代表浏览器视口的宽度大小。
- 小视口【有些地方也称为小屏幕】(sm-small)：576px<= viewportWidth < 768px；
- 中视口【有些地方也称为中屏幕】(md-medium)：768px<= viewportWidth < 992px；
- 大视口【有些地方也称为大屏幕】(lg-large)：992px<= viewportWidth< 1200px；
- 超大视口【有些地方也称为超大屏幕】(xl-x large)：1200px<=viewportWidth ；
请注意，这些尺寸是基于 Bootstrap 的默认设置，你可以根据需要自定义这些尺寸。
详细的例子请访问博文 https://blog.csdn.net/wenhao_ir/article/details/132667178 ，然后搜索“在所有视口宽度尺寸上等分列宽”
特别注意：移动端的屏幕像素与浏览器的视口大小是两个东西。通常情况下，移动设备的屏幕分辨率会比较高，但为了提供更好的用户体验，移动网页通常会使用较小的视口大小，以确保内容在屏幕上正确显示，而不需要用户不断缩放和滚动。详情见：https://blog.csdn.net/wenhao_ir/article/details/132685050