常见格栅中屏幕大小对应关系

格栅布局

前端开发中有许多组件库、框架中都是用了格栅布局，来更好的适应不同设备屏幕。

这里总结了几个组件库、框架中的对应关系。

对应关系

Bootstrap

格栅号码 英文 对应的屏幕尺寸 可能的设备
xs Extra small <768px phone
sm Small 768px and up tablets
md Medium 992px and up desktop
lg Large 1200px and up desktop

NG-ZORRO

Angular 组件库（Ant Design)

格栅号码 英文 对应的屏幕尺寸 可能的设备
xs Extra small <576px phone
sm Small 576px and up tablets
md Medium 768px and up desktop
lg Large 992px and up desktop
xl Extra large 1200px and up desktop
xxl Extra large 1600px and up desktop
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容