美文网首页
REM转换脚本

REM转换脚本

作者: 欢乐相随 | 来源:发表于2017-09-08 17:21 被阅读0次

在写移动端web项目时,经常会用到REM这个单位。但是不同REM和PX的相对基准值是不同的(像我们在IPhone6下,使用的是1REM = 50px)。在使用其他人的页面时会涉及到一个单位转换的问题。但是一个CSS文件大多都几百行,手动改起来非常的麻烦,所以自己写了一个JS脚本来解决。

使用方法很简单。将原代码集赋值到左侧文本域中,在中间的填写转换值(例如原代码集的基准值是50px,目标代码集是100px。那就填写 50=>100),然后点击"rem数值转换"按钮,修改过的目标代码集就会在右侧展现。

这个脚本在我工作中很受用,并且经过多次使用和测试后。目前已经是成熟版本,在项目中可正常使用。现在分享给大家,希望能帮到你们。

我的邮箱:Qyizos@163.com,有问题可以联系我

下载地址:点击下载(http://pan.baidu.com/s/1hs7r5sS)

相关文章

  • REM转换脚本

    在写移动端web项目时,经常会用到REM这个单位。但是不同REM和PX的相对基准值是不同的(像我们在IPhone6...

  • 使用postcss-px2rem无法转换vue模板文件中的scs

    移动端的项目使用postcss-px2rem将px转换成rem,使用css时可以转换成rem但使用scss缺无法将...

  • 移动端像素适配插件px2rem的安装与使用

    1. 什么是px2rem px2rem是一个插件,功能是将px自动转换为rem,帮助开发者减少像素间的相互转换计算...

  • gulp下安装postcss-px2rem插件

    px2rem可以自动的把你的css代码px单位转换成rem单位,可以实现边编辑边转换,在开发手机网站是可以很 高...

  • Visual Studio Code 插件学习

    移动端将像素与rem相互转换,快捷键alt+z px to rem插件右键 扩展设置(extensions set...

  • 基于vue-cli3的vue项目 通过postcss-pxtor

    使用postcss-pxtorem 项目中的px转换为rem,rem单位用于适配不同宽度的屏幕。 如何在vue-c...

  • 前端项目rem与px转换

    px2rem插件 因为设计师每次给的都是px的图,这里要自己计算转换rem很头疼,所以这里使用插件进行px与rem...

  • px2rem的使用

    px2rem插件 因为设计师每次给的都是px的图,这里要自己计算转换rem很头疼,所以这里使用插件进行px与rem...

  • vue3.x移动端适配px2rem

    1、什么是px2rem px2rem是一个插件能将px自动转换为rem,以适配各种不同的屏幕尺寸。前端开发可以直接...

  • 移动端兼容

    rem与px的转换 flexible.js 布局详解 rem自适应布局的回顾总结 flexible.js如何实现r...

网友评论

      本文标题:REM转换脚本

      本文链接:https://www.haomeiwen.com/subject/ylknjxtx.html