怎么快速將css中的px替換成rem？編寫(xiě)一個(gè)任務(wù)，用gulp replace替換REM。var replace=require（“gulp replace”）吞咽任務(wù)（“pxToRem”，funct

怎么快速將css中的px替換成rem？

編寫(xiě)一個(gè)任務(wù)，用gulp replace替換REM。var replace=require（“gulp replace”）吞咽任務(wù)（“pxToRem”，function（）{返回咕嚕咕嚕（“*.html”）.pipe（replace（/（d）px/g，function（match，p1）{return Number（p1）/10“rem”}））.pipe（吞下目標(biāo)（“dir”）}）

怎樣把相片改成480×480px且小于3M的格式？

如何將照片更改為480×480px和小于3m的格式？我想這是哪張證件照片的格式要求。

事實(shí)上，大小和文件大小并不重要。重要的是掌握方法并舉例說(shuō)明。

在PS中打開(kāi)要修改的照片：

在工具欄中選擇剪輯工具：

選擇1:1的平方比：

剪切所需區(qū)域：

然后選擇文件并將其導(dǎo)出為Web格式：

在“另存為Web”對(duì)話(huà)框中設(shè)置所需大小，并使用質(zhì)量控制來(lái)控制所需大?。?/p>

如何更改照片為480×480px，小于3m格式。操作演示完成。

為什么很多web項(xiàng)目還是使用px，而不是rem？

在移動(dòng)終端剛剛流行的早期，為了使手機(jī)頁(yè)面適應(yīng)不同大小的手機(jī)屏幕，淘寶網(wǎng)的一位前端老板寫(xiě)了一個(gè)經(jīng)過(guò)改編的JS，叫做flexible，可以在GitHub找到。原理很簡(jiǎn)單。似乎根據(jù)手機(jī)的分辨率和DPI（我不記得了），動(dòng)態(tài)設(shè)置根元素HTML的fontsize，然后頁(yè)面元素的大小就是rem，因?yàn)?rem=fontsizeofhtml。

后來(lái)，出現(xiàn)了大眾和VH。漸漸地，許多項(xiàng)目使用大眾汽車(chē)進(jìn)行改編。100vw=100%寬度。因?yàn)榧嫒菪圆皇呛芎茫砸恢睕](méi)有上線。

nodejs出現(xiàn)后，前端工程開(kāi)始了。有pxtorem和pxtoview port等插件。在開(kāi)發(fā)過(guò)程中，我們可以根據(jù)UI標(biāo)記的PX case直接編寫(xiě)它們。在打包時(shí)，插件將幫助我們將PX計(jì)算轉(zhuǎn)換為REM或VW。

我現(xiàn)在用大眾。不考慮兼容性。我甚至不看那些需要與ie兼容的公司。[遮住你的臉

自從webpack2之后，PostSS插件的配置已經(jīng)改變了，webpack.config.js文件添加的文件插件：webpackConfig.plugins.push推送（新建）webpack.LoaderOptions插件（{選項(xiàng)：{

postssloader:（）=>{

返回[另一種寫(xiě)入方式]它是創(chuàng)建一個(gè)新的根目錄postss.config.js文件文件，配置：

`模塊.exports={

插件：[

require（“postss-px2rem”）（）

]}`