rem適配原理 為什么很多web項(xiàng)目還是使用px,而不是rem?
為什么很多web項(xiàng)目還是使用px,而不是rem?在移動(dòng)終端剛剛流行的初期,為了使手機(jī)頁(yè)面適應(yīng)不同大小的手機(jī)屏幕,淘寶的一位前端老板編寫了一個(gè)經(jīng)過(guò)改編的JS,叫做flexible,可以在GitHub找到
為什么很多web項(xiàng)目還是使用px,而不是rem?
在移動(dòng)終端剛剛流行的初期,為了使手機(jī)頁(yè)面適應(yīng)不同大小的手機(jī)屏幕,淘寶的一位前端老板編寫了一個(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)目使用大眾汽車進(jìn)行改編。100vw=100%寬度。因?yàn)榧嫒菪圆皇呛芎?,所以一直沒有上線。
nodejs出現(xiàn)后,前端工程開始了。有pxtorem和pxtoview port等插件。在開發(fā)過(guò)程中,我們可以根據(jù)UI標(biāo)記的PX case直接編寫它們。在打包時(shí),插件將幫助我們將PX計(jì)算轉(zhuǎn)換為REM或VW。
我現(xiàn)在用大眾。不考慮兼容性。我甚至不看那些需要與ie兼容的公司。[遮住你的臉
要做一個(gè)H5移動(dòng)終端項(xiàng)目,首先要做好適應(yīng)工作
一般來(lái)說(shuō),在H5頭上做個(gè)說(shuō)明。
&Ltmeta name=“viewport”content=“width=device width,initial scale=1,user scale=no,minimum scale=1.0,maximum scale=1.0”>
上面的意思是寬度是屏幕的寬度,比例是1,不允許調(diào)整比例,最小比例是1,最大刻度為1。
然后與REM合作以適應(yīng)各種類型的手機(jī)。
1. 使用REM來(lái)匹配VW
2。使用REM來(lái)匹配根元素的字體大小
我選擇了第二種方法來(lái)動(dòng)態(tài)計(jì)算HTML根元素的字體大小,然后使用REM。兼容各種手機(jī)。
HTML5手機(jī)端頁(yè)面縮放問題應(yīng)該如何解決?
電路圖和電路板上的GND(接地)表示地線或0線。GND表示公共端子,也可以說(shuō)是接地,但這個(gè)接地不是真正的接地。這是一個(gè)假定適用的理由。對(duì)于電源來(lái)說(shuō),它是電源的負(fù)極。它與地球不同。有時(shí)它需要連接到地球上,有時(shí)它沒有,視情況而定。Rem是識(shí)別記憶
你可以看到前端需要達(dá)到什么水平才能在招聘網(wǎng)站上找到工作。我去看了一下,選了一些公司的招聘要求做前端職位。
一般來(lái)說(shuō),對(duì)于前端這樣的技術(shù)崗位,要求還是很高的。要滿足企業(yè)的用人需求,就必須掌握專業(yè)技能。如果你想從事前端工作,那就看看你離這些要求有多遠(yuǎn),盡快彌補(bǔ)差距,好好學(xué)習(xí)吧!