如何使用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'
  ]
};