rem px em的區(qū)別面試 rem自適應(yīng)布局適合用于pc端嗎?
rem自適應(yīng)布局適合用于pc端嗎?要想在PC上使用REM,首先要使用reset()函數(shù)來包含常用的remjs,因為手機(jī)的屏幕寬度是固定的,PC上的瀏覽器窗口大小可以改變另外,PC端一般不使用REM,主
rem自適應(yīng)布局適合用于pc端嗎?
要想在PC上使用REM,首先要使用reset()函數(shù)來包含常用的remjs,因為手機(jī)的屏幕寬度是固定的,PC上的瀏覽器窗口大小可以改變
另外,PC端一般不使用REM,主要是因為兼容低版本瀏覽器。例如,從IE9開始就支持REM,但只是部分支持。Ie11完全支持。部分支持IE9和ie10。例如,偽元素和縮寫樣式不支持REM
在移動終端開始流行的早期,為了使移動頁面適應(yīng)不同大小的移動屏幕,淘寶的一個前端老板寫了一個改編的JS,叫做flexible,可以在GitHub中找到。原理很簡單。似乎根據(jù)手機(jī)的分辨率和DPI(我不記得了),動態(tài)設(shè)置根元素HTML的fontsize,然后頁面元素的大小就是rem,因為1rem=fontsizeofhtml。
后來,出現(xiàn)了大眾和VH。漸漸地,許多項目使用大眾汽車進(jìn)行改編。100vw=100%寬度。因為兼容性不是很好,所以一直沒有上線。
nodejs出現(xiàn)后,前端工程開始了。有pxtorem和pxtoview port等插件。在開發(fā)過程中,我們可以根據(jù)UI標(biāo)記的PX case直接編寫它們。在打包時,插件將幫助我們將PX計算轉(zhuǎn)換為REM或VW。
我現(xiàn)在用大眾。不考慮兼容性。我甚至不看那些需要與ie兼容的公司