当前位置: 首页 > Web前端 > HTML

css长度单位转换器

时间:2023-04-02 16:34:46 HTML

这是一个重构工具。我尝试了一些项目。本来用px写单位,后来适配用rem,只好换单位。有些工程本来就是按照640.宽度设计的。后来做小程序的时候,完成的页面应该是按照750宽度的设计稿,写的绝对长度会变。例如,640中的320像素将被750标准中的375像素取代。于是想出了这个工具,输入写好的css,配置相应的转换步骤,然后输出新长度标准的css。下面附上github地址。READMEcss长度单位转换器对传入的字符串进行定期替换。可以依次执行多个步骤。你不想给一个加注星标吗?(https://github.com/LiangWei88...单位换算一个单位按比例换算成另一个单位,比如16px,换算成rem,按照1pixel等于0.01rem的比例,保留2位小数,得到0.16rem等,比较数字转换,相同单位相互转换,比如640px设计稿中的16px转换为750px设计稿中的数字,保留0位小数,得到19px注意满足以下格式,16px;or16px16pxor16px}是单位后面必须跟空格或者分号或者花括号/*错误的写法*/.test{width:16px}/*正确的写法写,三个都可以接受*/.test{width:16px;margin:16px22px;font-size:32px}使用方法直接使用npmi--savedesign-size-convertornodenode_modules/design-size-convertor/index.js快捷脚本npmi--savedesign-size-convertor安装后,你可以把nodenode_modules/design-size-convertor/index.js放到你package.json的脚本中"script":{"dsc":"nodenode_modules/design-size-convertor/index.js"}然后用npmrundsc下载压缩包到github上直接下载运行nodeindex.js就可以直接使用了,不星一个吗?githubpageTODO做成webpackloader