如何使用Adapt.js

Question

如何使用Adapt.js 你能不能給我adapt.js 例如一些演示樣品，我得到adapt.js進入後的index.html然後在標籤我嘗試一些線路如

<div class="container_12"> 
    <div class="grid_4">Hello</div> 
    <div class="grid_8">12345</div> 
    <div class="clear"></div> 
</div> 

爲什麼「12345」字符串會換行。它必須在「Hello」字符串旁邊？

我的CSS文件：

.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12 { 
    margin-left: 10px; 
    margin-right: 10px; 
} 

.alpha, 
.omega { 
    margin-left: 0; 
    margin-right: 0; 
} 

.align_center, 
.align_right { 
    text-align: left; 
} 

Answer 1

您可以檢出site doc

1）創建CSS文件進行必要的寬度

2）設置範圍陣列

var ADAPT_CONFIG = { 

    path: 'assets/css/', 
    dynamic: true, 
    range: [ 
    '0px to 760px = mobile.css', 
    '760px to 980px = 720.css', 
    '980px to 1280px = 960.css', 
    '1280px to 1600px = 1200.css', 
    '1600px to 1920px = 1560.css', 
    '1940px to 2540px = 1920.css', 
    '2540px   = 2520.css' 
    ] 
};