REM转换脚本

最新推荐文章于 2023-06-03 13:30:36 发布

Qyizos

最新推荐文章于 2023-06-03 13:30:36 发布

阅读量694

点赞数

分类专栏：移动端web 网站扒取 CSS3 文章标签：脚本移动 web rem rem转换

本文链接：https://blog.csdn.net/Qyizos/article/details/77896623

版权

网站扒取同时被 3 个专栏收录

2 篇文章 0 订阅

订阅专栏

移动端web

1 篇文章 0 订阅

订阅专栏

CSS3

1 篇文章 0 订阅

订阅专栏

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

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

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

我的邮箱：Qyizos@163.com，有问题可以联系我。