自適應(yīng)網(wǎng)站適應(yīng)多少個(gè)設(shè)備工作？
發(fā)表日期：2020-03-19 文章編輯：admin 瀏覽次數(shù)：2376
自適應(yīng)網(wǎng)站適應(yīng)以下四種設(shè)備工作：
| 超小設(shè)備手機(jī)（<768px） | 小型設(shè)備平板電腦（≥768px） | 中型設(shè)備臺(tái)式電腦（≥992px） | 大型設(shè)備臺(tái)式電腦（≥1200px） | |
|---|---|---|---|---|
| 網(wǎng)格行為 | 一直是水平的 | 以折疊開始，斷點(diǎn)以上是水平的 | 以折疊開始，斷點(diǎn)以上是水平的 | 以折疊開始，斷點(diǎn)以上是水平的 |
| 最大容器寬度 | None (auto) | 750px | 970px | 1170px |
| Class 前綴 | .col-xs- | .col-sm- | .col-md- | .col-lg- |
| 列數(shù)量和 | 12 | 12 | 12 | 12 |
| 最大列寬 | Auto | 60px | 78px | 95px |
| 間隙寬度 |
30px （一個(gè)列的每邊分別 15px） |
30px （一個(gè)列的每邊分別 15px） |
30px （一個(gè)列的每邊分別 15px） |
30px （一個(gè)列的每邊分別 15px） |
| 可嵌套 | Yes | Yes | Yes | Yes |
| 偏移量 | Yes | Yes | Yes | Yes |
| 列排序 | Yes | Yes | Yes | Yes |
以下是自適應(yīng)網(wǎng)站的基本常用結(jié)構(gòu)：
class="container">
class="row">
class="col-*-*">