cssrem转换工具_好用的px转rem插件推荐

在响应式布局中，rem这个css单位已经慢慢崭露头角，成为最佳解决方案之一。然而在固定布局时我们通常以px为基准单位进行调整，进而通过计算获取rem的值，这时如果有个好用的px转rem工具会让工作事半功倍。本文将推荐一些常用开发工具的px转rem插件

VSCode插件

1、cssrem

安装

快捷键ctrl+p打开转到文件搜索框，输入命令：ext install cssrem

配置

参数配置文件：VSCode -> 文件 -> 设置 -> 搜索cssrem

cssrem.rootFontSize root font-size (unit: px), default: 16

cssrem.fixedDigits px转rem小数点最大长度，默认：6。

cssrem.autoRemovePrefixZero 自动移除0开头的前缀，默认：true

该插件可以在输入时选择转换，也可以使用ctrl+p，ctrl+r快捷键转换，支持html vue css less scss sass等文件格式或自定义文件

2、px to rem

安装

快捷键ctrl+p打开转到文件搜索框，输入命令：ext install px-to-rem

配置

参数配置文件：VSCode -> 文件 -> 设置 -> 搜索px to rem

px-to-rem.px-per-rem: number of pixels per rem. Default is 16px.

px-to-rem.number-of-decimals-digits: 最多保留的小数位

px-to-rem.only-change-first-ocurrence: 转换全部或只转换当前选择的

px-to-rem.notify-if-no-changes: 启用/关闭通知

选中要转换的值，使用快捷键Alt+z执行px转rem或rem转px

Sublime Text插件

1、cssrem插件

安装

下载本项目，比如：git clone https://github.com/flashlizi/cssrem

进入packages目录：Sublime Text -> Preferences -> Browse Packages...

复制下载的cssrem目录到刚才的packges目录里。

重启Sublime Text。

配置

参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem

px_to_rem - px转rem的单位比例，默认为40。

max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。

available_file_types - 启用此插件的文件类型。默认为：[".css", ".less", ".sass"]。

输入px值后按下Enter键直接转换，使用Ctrl+z取消转换

cssrem转换工具_好用的px转rem插件推荐相关推荐

cssrem转换工具_css之px自动转rem—“懒人”必备
作为一名前端开发,尤其是在做移动端适配时,rem是我们经常用到的单位,它的好处大家可以自行搜索,网上已经有很多了. 但是我们再将设计稿上的px转换成rem时,得手动的去计算,这是一个很耗时.费力的过程 ...
gbk编码在线转换工具_珍藏的4个PDF格式转换网站「在线工具，无需下载，还免费哦。」...
PDF文件相信大家并不陌生,我们经常在工作中都会收到客户.同事.老板发来这种PDF文件,这些文件往往都会记录着一些产品的详细介绍与说明.但是PDF并不是那么好编辑的,我们通常都会将PDF转换成Offi ...
时间戳转换工具java_时间戳转换_时间戳转换工具_时间戳转换成时间日期_55查询...
时间戳转换工具支持的时间格式 2021-03-02 2021年03月02日 2021-03-02 07:29:08 2021年03月02日 07:29:08 2021年03月02日 07点29分08秒 ...
mysql时间和时间戳转换工具_时间戳转换工具
时间戳转换工具支持的时间格式 2021-02-03 2021年2月03日 2021-02-03 09:18:17 2021年2月03日 09:18:17 2021年2月03日 09点18分17秒只输 ...
java 进制转换工具_进制转换工具(JAVA)
/**进制转换工具,支持2-36任意进制间相互转换 */ public class HexConverter { public static String Quotient = null; publi ...
ios dat 文件读写_Xilisoft iPad Magic Platinum for Mac(ios设备文件传输和转换工具)_资源共享论坛...
Xilisoft iPad Magic Platinum for Mac是一款ios设备文件传输和转换工具,可以帮助用户将Mac上的应用程序,电影和音乐放到iPad上,无需iTunes即可将iPad应 ...
oracle 查询变换器,万能数据库转换工具_新诚软数据转换器 V1.4 免费版
您还在为数据在各个数据库之间转换而烦恼吗?<新诚软数据转换器>是一个万能数据库转换工具,这个数据库转换工具可以为Oracle.SQL Server.Access.DB2.InterBase ...
助记词转换工具_有助于大流行的10种翻译工具
助记词转换工具 With social distancing to keep us at arm's length from strangers, no traveling, and a scarci ...
vscode html注释快捷键_最强编辑器 VSCode 系列之插件推荐【不定期更新】
[TOC] 前言 emsp;如果你还不知道这款最强编辑器的话,查看本站热门文章,最强编辑器 VSCode 系列之入门简介. 通用无论你用什么语言,都会用得到的插件. Project Manager ...

cssrem转换工具_好用的px转rem插件推荐

cssrem转换工具_好用的px转rem插件推荐相关推荐

最新文章

热门文章