1rem等于多少px 怎么快速将css中的px替换成rem？

怎么快速将css中的px替换成rem？

编写一个任务，用gulp replace替换REM。var replace=require（“gulp replace”）吞咽任务（“pxToRem”，function（）{返回咕噜咕噜（“*.html”）.pipe（replace（/（d）px/g，function（match，p1）{return Number（p1）/10“rem”}））.pipe（吞下目标（“dir”）}）

为什么很多web项目还是使用px，而不是rem？

在移动终端刚刚流行的早期，为了适应手机页面到了不同大小的手机屏幕，淘宝网的一位前端老板写了一个经过改编的JS，叫做flexible，可以在GitHub找到。原理很简单。似乎根据手机的分辨率和DPI（我不记得了），动态设置根元素HTML的fontsize，然后页面元素的大小就是rem，因为1rem=fontsizeofhtml。

后来，出现了大众和VH。渐渐地，许多项目使用大众汽车进行改编。100vw=100%宽度。因为兼容性不是很好，所以一直没有上线。

nodejs出现后，前端工程开始了。有pxtorem和pxtoview port等插件。在开发过程中，我们可以根据UI标记的PX case直接编写它们。在打包时，插件将帮助我们将PX计算转换为REM或VW。

我现在用大众。不考虑兼容性。我甚至不看那些需要与ie兼容的公司。[遮住你的脸

自从webpack2之后，PostSS插件的配置已经改变了，webpack.config.js文件添加的文件插件：webpackConfig.plugins.push推送（新建）webpack.LoaderOptions插件（{选项：{

postssloader:（）=>{

返回[另一种写入方式]它是创建一个新的根目录postss.config.js文件文件，配置：

`模块.exports={

插件：[

require（“postss-px2rem”）（）

]}`

1rem等于多少px px如何快速转换为rem px和rem的换算公式

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。