px如何快速轉(zhuǎn)換為rem 為什么很多web項(xiàng)目還是使用px,而不是rem?
為什么很多web項(xiàng)目還是使用px,而不是rem?在移動終端剛剛流行的初期,為了使手機(jī)頁面適應(yīng)不同大小的手機(jī)屏幕,淘寶的一位前端老板編寫了一個經(jīng)過改編的JS,叫做flexible,可以在GitHub找到
為什么很多web項(xiàng)目還是使用px,而不是rem?
在移動終端剛剛流行的初期,為了使手機(jī)頁面適應(yīng)不同大小的手機(jī)屏幕,淘寶的一位前端老板編寫了一個經(jīng)過改編的JS,叫做flexible,可以在GitHub找到。原理很簡單。似乎根據(jù)手機(jī)的分辨率和DPI(我不記得了),動態(tài)設(shè)置根元素HTML的fontsize,然后頁面元素的大小就是rem,因?yàn)?rem=fontsizeofhtml。
后來,出現(xiàn)了大眾和VH。漸漸地,許多項(xiàng)目使用大眾汽車進(jìn)行改編。100vw=100%寬度。因?yàn)榧嫒菪圆皇呛芎?,所以一直沒有上線。
nodejs出現(xiàn)后,前端工程開始了。有pxtorem和pxtoview port等插件。在開發(fā)過程中,我們可以根據(jù)UI標(biāo)記的PX case直接編寫它們。在打包時,插件將幫助我們將PX計(jì)算轉(zhuǎn)換為REM或VW。
我現(xiàn)在用大眾。不考慮兼容性。我甚至不看那些需要與ie兼容的公司