前端移動端rem頁面怎么寫js代碼怎么寫？你好，我是小志。我很高興為你回答。移動終端適配并引用這個JS文件，它是自己編寫的。然后，字體單位使用REM（如果你不知道REM，先去了解它），高度單位也使用R

前端移動端rem頁面怎么寫js代碼怎么寫？

你好，我是小志。我很高興為你回答。移動終端適配并引用這個JS文件，它是自己編寫的。然后，字體單位使用REM（如果你不知道REM，先去了解它），高度單位也使用REM，寬度單位是百分比。比較專業(yè)的理科知識，歡迎關(guān)注我。如果你喜歡我的回答，也請給我表揚或轉(zhuǎn)發(fā)，你的鼓勵是支持我寫下來的動力，謝謝。

為什么很多web項目還是使用px，而不是rem？

在移動終端剛剛流行的早期，為了使手機頁面適應(yīng)不同大小的手機屏幕，淘寶網(wǎng)的一位前端老板寫了一個經(jīng)過改編的JS，叫做flexible，可以在GitHub找到。原理很簡單。似乎根據(jù)手機的分辨率和DPI（我不記得了），動態(tài)設(shè)置根元素HTML的fontsize，然后頁面元素的大小就是rem，因為1rem=fontsizeofhtml。

后來，出現(xiàn)了大眾和VH。漸漸地，許多項目使用大眾汽車進行改編。100vw=100%寬度。因為兼容性不是很好，所以一直沒有上線。

nodejs出現(xiàn)后，前端工程開始了。有pxtorem和pxtoview port等插件。在開發(fā)過程中，我們可以根據(jù)UI標記的PX case直接編寫它們。在打包時，插件將幫助我們將PX計算轉(zhuǎn)換為REM或VW。

我現(xiàn)在用大眾。不考慮兼容性。我甚至不看那些需要與ie兼容的公司。[遮住你的臉

要做一個H5移動終端項目，首先要做好適應(yīng)工作

一般來說，在H5頭上做個說明。

&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)各種類型的手機。

1. 使用REM來匹配VW

2。使用REM來匹配根元素的字體大小

我選擇了第二種方法來動態(tài)計算HTML根元素的字體大小，然后使用REM。兼容各種手機。

HTML5手機端頁面縮放問題應(yīng)該如何解決？

要在PC上使用REM，首先要使用reset（）函數(shù)來包含常用的remjs，因為手機的屏幕寬度是固定的，而且PC上的瀏覽器窗口大小可以改變

另外，PC端一般不使用REM，主要是因為兼容低版本瀏覽器。例如，從IE9開始就支持REM，但只是部分支持。Ie11完全支持。IE9、ie10部分支持，例如：REM中使用的偽元素和縮寫樣式不支持

自適應(yīng)網(wǎng)站的開發(fā)取決于是否對不重要的信息或內(nèi)容進行屏蔽。做好相應(yīng)的屏蔽將提高網(wǎng)站的客戶體驗。做SEO推廣時，移動終端比較好，相反，客戶體驗差，無關(guān)內(nèi)容增加，SEO排名差