rem px em的區(qū)別面試 rem自適應(yīng)布局適合用于pc端嗎?
rem自適應(yīng)布局適合用于pc端嗎?要想在PC上使用REM,首先要使用reset()函數(shù)來(lái)包含常用的remjs,因?yàn)槭謾C(jī)的屏幕寬度是固定的,PC上的瀏覽器窗口大小可以改變另外,PC端一般不使用REM,主
rem自適應(yīng)布局適合用于pc端嗎?
要想在PC上使用REM,首先要使用reset()函數(shù)來(lái)包含常用的remjs,因?yàn)槭謾C(jī)的屏幕寬度是固定的,PC上的瀏覽器窗口大小可以改變
另外,PC端一般不使用REM,主要是因?yàn)榧嫒莸桶姹緸g覽器。例如,從IE9開(kāi)始就支持REM,但只是部分支持。Ie11完全支持。部分支持IE9和ie10。例如,偽元素和縮寫(xiě)樣式不支持REM
在移動(dòng)終端開(kāi)始流行的早期,為了使移動(dòng)頁(yè)面適應(yīng)不同大小的移動(dòng)屏幕,淘寶的一個(gè)前端老板寫(xiě)了一個(gè)改編的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兼容的公司