【文件属性】:
文件名称: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)