安装

npm install yigezi

引入项目

引入 scss

import "yigezi/src/yigezi.scss";

引入 css

import "yigezi/dist/yigezi.min.css";

link 标签引入

<link rel="stylesheet" type="text/css" href="./yigezi.min.css" />

举个栗子

如果我有以下需求：

1. 小型屏幕上面，占一整行
2. 手机上面，占二分之一
3. 平板上面，占四分之一
4. 电脑上面，占五分之一
5. 大型屏幕上面，占六分之一

按照如下写法即可

<div class="yigezi">
    <div class="row gutter-sm">
        <!-- 任意等份栅格布局库（易格子） -->
        <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6">
            <div class="col-wrapper">1-3</div>
        </div>
    </div>
</div>

易格子，是一个响应式栅格布局 CSS 库，以 yigezi 作为是否使用栅格布局的外层类名

其中，行row，列col一起构成了栅格的行和列

gutter-[sm|mb|pad|pc|lg] 分布表示不同层次的间距

仅此而已，没有其他概念了