oxDesigner / rembox

rembox

移动端css的rem单位解决方案
1.0.1 => 解决了部分特殊字符引发的打包错误；
1.0.2 => 解决了部分安卓手机（也可能是手机用户放大或缩小了默认字体）webview中rem布局页面元素放大或缩小的问题；
1.0.3 => 修改readme；

安装

用script标签引入

点击这里下载并引入:

<script src="*/rembox.js"></script>

NPM

  $ npm i rembox -S

基本用法

一定要手动在head标签中加上这句话：

  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

设计稿宽度

设置设计稿宽度，当设计稿宽度为640时

	rembox.config({
		design_width: 640 //默认750
	})

px换算rem

手动计算，100px为1rem

rem换算px

750设计稿&&iphone6：

	rembox.conver(1); // 50

750设计稿&&iphone5：

	rembox.conver(1); // 42.7

640设计稿&&iphone6：

	rembox.conver(1); // 58.6

使用场景： 某些无法使用css设置单位的场景（如svg，canvas等），可口算出当前rem大小并使用该方法换算出px大小~~

作者

oxDesigner， 一个将近三十岁却依旧帅气的男人；

如果你发现了bug，请及时提交Issues，亦可联系[e-mail]；

如果你用着舒服，请给我一颗star