mars-flexible
v1.0.1
Published
移动端自适应方案
Downloads
3
Readme
mars-flexible
移动端自适应库,执行这个 js 后,会在 html(也就是document.documentElement)上增加一个 data-dpr 属性,以及 font-size 样式。之后页面中的元素,都可以用 rem 单位来设置。html 上的 font-size 就是 rem 的基准像素。
该库主要做了两件事
- 给元素添加
font-size
属性,并且动态改写font-size
的值 - 给元素添加
data-dpr
属性,并且动态改写data-dpr
的值 - 对支持0.5px border 的添加
hairlines
类名
建议将该库直接做内联处理
Install
$ npm install mars-flexible --save
Usage
import 'mars-flexible';