格柵布局
前端開發(fā)中有許多組件庫哟旗、框架中都是用了格柵布局箱吕，來更好的適應(yīng)不同設(shè)備屏幕缸棵。
這里總結(jié)了幾個組件庫舟茶、框架中的對應(yīng)關(guān)系。
對應(yīng)關(guān)系
Bootstrap
| 格柵號碼 | 英文 | 對應(yīng)的屏幕尺寸 | 可能的設(shè)備 |
|---|---|---|---|
| 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)
| 格柵號碼 | 英文 | 對應(yīng)的屏幕尺寸 | 可能的設(shè)備 |
|---|---|---|---|
| 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 |
