功能

将指定目录下面css文件中的css单位按照一定比例进行转换(比如说px到rem的转换)。

适用场景(移动端适配)

1、比如说想使用rem进行移动端的适配,但css文件全是采用px单位编写的;

2、比如说一开始的适配方案rem和px的转换比例有误;

3、……

目前本人想到这么多,以上的场景该工具都能帮你批量转换你的css单位

用法

安装:npm i cssunittransform -g

命令行:tran css param1 param2 param3 param4 param5 param6

参数释义:

tran:固定写法

css:固定写法

param1:要转换文件的所在目录

param2:转换后文件的保存目录

param3:是否转换字体单位(true/false)

param4:要转换的单位(如:px)

param5:转换后的单位(如:rem)

param6:转换基数(如:100)

如: tran   css   c:\test   c:\users\xxx\desktop   false   px   rem   100

运行上面命令那么工具将会把c盘下面test文件夹下所有的css文件遍历并以100(1rem==100px)的为基数进行px到rem转换,转换后的文件保存到C盘桌面下面

css中的单位换算_GitHub - WangQiangrong/cssUnitTransform: css单位转换工具相关推荐

  1. css中如何设置hr的样式?css hr标签多种样式(图文)

    在对html网页进行美化的时候,肯定少不了要用的hr标签进行修饰页面,但默认的hr标签样式对页面的修饰起不到什么好的作用,有经验的前端工作者就会通过使用css样式来对hr标签进行一些美化的操作.那么如 ...

  2. 计算机系统中时间周期的单位,时间单位换算 (全),计算机单位换算大全

    常用单位换算 长度单位换算 1千米=1000米 1米=10分米 1分米=10厘米 1米=100厘米 1厘米=10毫米 面积单位换算 1平方千米=100公顷 1公顷=10000平方米 1平方米=100平 ...

  3. CSS中属性个属性值怎么区分,[CSS] 详细解释 @media 属性与 (max

    前言 现在 HTML5/CSS3 很流行罢,也是未来时代的趋势.在 HTML5 带来的许多实用功能之后,CSS3也同带来了一些牛逼哄哄的功能呢. 动画 animation 转化 transform 过 ...

  4. 赫兹的单位换算_赫兹是什么单位名称(赫兹单位名称及换算方法)

    机械手表中,机心里我们经常会遇到几个参数:振动(vph).赫兹(Hz).节拍(bph),无论叫什么,所有的机械表都具有这一项参数,而且这些参数关乎手表的走时精度.甚至影响到保养周期的长短.它们到底在机 ...

  5. css中的换行符_如何使用CSS防止项目列表中的换行符?

    css中的换行符 Introduction: 介绍: Dealing with various items in CSS sometimes pose very different problems. ...

  6. CSS中定义多个链接样式,在CSS中定义【导航栏】超链接样式

    1.案例css代码 .divcss5 a:link{ color:#F00}/* 链接默认为红色 */ .divcss5 a:hover{ color:#000}/* 鼠标悬停黑色 */ .divcs ...

  7. CSS 中的字体兼容写法:用CSS为英文和中文字体分别设置不同的字体

    font-family的调用方法: font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75e ...

  8. css中字的大小,字体大小大于CSS中设置的大小

    当我将字体大小设置为特定像素高度时,计算出的字体大小是我在CSS中设置的大小的1.333倍.但是,如果我将字体大小设置为百分比,则使用正确的大小.这种情况发生在我尝试的每个浏览器中,包括Firefox ...

  9. css中审核图标,一个简单实用的css loading图标

    摘要 在web开发中,为了提高用户体验,在加载数据的时候都会给一个loading的提示. Html .cssload-container { width: 24px; height: 24px; po ...

  10. 简单的java单位换算_Java实现蓝桥杯单位转换

    单位转换 [问题描述] BobLee最近在复习考研,在复习计算机组成原理的时候,遇到了一个问题.就是在计算机存储里面的单位转换. 我们都知道1MB=1024KB,1KB=1024B,1B=8bit,他 ...

最新文章

  1. firedac的TFDStoredProc动态创建并调用存储过程
  2. [OpenCV] -- win7下配置OpenCV的Qt开发环境
  3. 论文笔记系列-Efficient Neural Architecture Search via Parameter Sharing
  4. 并归排序(看别人的看不懂,自己写了一个),排序思想是一样的
  5. boost::polymorphic_get相关的测试程序
  6. 数据结构——排序算法(含动态图片)
  7. HDU-5718 Oracle
  8. Python中的split()和rsplit()的使用
  9. 双向箭头轮播图html,swiper轮播图配合nextTick的使用
  10. STM32的Bootloader实现
  11. java day07【Scanner类、Random类、ArrayList 类】
  12. SQLite 时间函数
  13. PyTorch 表情识别
  14. Facebook_scraper:Python获取FB用户的公开发帖【FaceBook系列 一】
  15. Python Pygame实战之打地鼠小游戏
  16. selenium模拟登陆12306
  17. 超融合服务器系统,超融合服务器|超融合架构|超融合一体机|业务系统一体机
  18. (初学)JDBC实现增删改查 一(Statement接口)
  19. 《成为沃伦·巴菲特》笔记与感想
  20. Welcome to Pete Brown's 10rem.net

热门文章

  1. 使用引导扇区维护工具BOOTICE编辑系统启动列表BCD文件
  2. 调用webservice服务方式总结
  3. 【Struts】ActionForm
  4. PandoraBox/LEDE SDK交叉编译OpenWrt ipk安装包的方法
  5. 浏览器兼容性问题和解决方案
  6. macos sierra_如何在macOS Sierra中恢复“剩余电池时间”
  7. 计算机管理找不到防火墙,电脑没有防火墙怎么办
  8. HttpClient4 基本操作
  9. ios app图标尺寸设置
  10. 职称计算机execl试题,职称计算机考试EXCEL操作题