.banner{ min-height: 164px; img{ width:100%; } } div.search{ width:100%; height:45px; padding:5px 15px 0; div.col-xs-9{ padding-right: 0 }
我想在sublime中把所有px轉(zhuǎn)化為rem,這時(shí)就需要把原來所有像素前面的數(shù)字都除以100,比如164px變成1.64rem;45px變成0.45rem;想利用ctrl+h直接進(jìn)行正則替換,但卻不知道怎么在正則中進(jìn)行算術(shù)運(yùn)算?
以下是我的嘗試
這樣肯定是不行的,比如164px會替換為164/100rem
請問Replace Witch部分怎么寫?還是說正則無法進(jìn)行算術(shù)運(yùn)算??那這個問題有什么解決辦法呢?
擁有18年軟件開發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...
~~這可能需要更強(qiáng)大的正則,Perl 6可以支持這種東西,不知道其它語言有沒有,希望對你有啟發(fā)。。
my?$x?=?"123?*?456?=?123x456"; if?$x?~~?s/(\d+)x(\d+)/{$/.[0]?*?$/.[1]}/?{ ????say?$x; }
略微蛋疼,sublime有專門的插件可以轉(zhuǎn)化,或者找個編譯軟件——考拉,用less寫,鑒于你只要rem計(jì)算,都不需要你懂less,隨便定義個變量,考拉會實(shí)時(shí)編譯成css,調(diào)用就行了
我一般這么干,打開CHROME 控制臺 → Source → Snippets(左邊)新建一個snippets,輸入以下代碼:
` .banner{ ????min-height:?164px; ????img{ ??????width:100%; ????} ??} div.search{ ??width:100%; ??height:45px; ??padding:5px?15px?0; ??div.col-xs-9{ ????padding-right:?0 ??} `.replace(/\d+px/g,?function(match){ ????return?parseInt(match)?/?100?+?'rem' })
ctrl+enter / 右鍵 run
如果你的chrome比較舊,就到elements寫個,然后code.value.replace...