textblock:连续响应式排版—演示:

时间:2021-02-26 18:28:41
【文件属性】:
文件名称:textblock:连续响应式排版—演示:
文件大小:210KB
文件格式:ZIP
更新时间:2021-02-26 18:28:41
responsive typography typesetting fluid responsive-design 文字区块 一个用于调整大小,行距和等级的javascript工具,以投放连续响应的版式。 它可以在您当前CSS上作为渐进增强功能工作。 该脚本根据字体大小,行高,变量等级和容器宽度的最小值和最大值计算设置: 最小/最大字体 最小/最大线高 最小/最大容器宽度 最低/最高等级(仅可变字体) 要初始化,请添加要调整大小的元素(必填) 与香草JS 包括主脚本和 使用JS表示法定位目标元素: < script src =" textblock.min.js " > </ script > < script > Textblock ( [ { target : ".some-element" } ] ) ; </ script > 作为节点模块(此处显示为React) 使用npm install --save textblock添加到模块中, 包括模块,以及 根据需要应用
【文件预览】:
textblock-development
----gruntfile.js(537B)
----.eslintrc.js(432B)
----src()
--------demo.min.css(12KB)
--------textblock.js(5KB)
--------SourceSansVariable-Roman.ttf(480KB)
--------demo.html(5KB)
----.npmignore(49B)
----textblock.min.js(2KB)
----CONTRIBUTING.md(4KB)
----LICENSE(1KB)
----README.md(3KB)
----.gitignore(25B)
----.prettierrc.js(81B)
----CHANGELOG.md(2KB)
----.eslintignore(25B)
----package-lock.json(105KB)
----package.json(837B)

网友评论