設(shè)計(jì)稿750用rem怎么算 前端移動端rem頁面怎么寫js代碼怎么寫？
前端移動端rem頁面怎么寫js代碼怎么寫？你好，我是小志。我很高興為你回答。移動終端適配并引用這個JS文件，它是自己編寫的。然后，字體單位使用REM（如果你不知道REM，先去了解它），高度單位也使用R
前端移動端rem頁面怎么寫js代碼怎么寫？
你好，我是小志。我很高興為你回答。移動終端適配并引用這個JS文件，它是自己編寫的。然后，字體單位使用REM（如果你不知道REM，先去了解它），高度單位也使用REM，寬度單位是百分比。比較專業(yè)的理科知識，歡迎關(guān)注我。如果你喜歡我的回答，也請給我表揚(yáng)或轉(zhuǎn)發(fā)，你的鼓勵是支持我寫下來的動力，謝謝。
為什么很多web項(xiàng)目還是使用px，而不是rem？
在移動終端剛剛流行的早期，為了使手機(jī)頁面適應(yīng)不同大小的手機(jī)屏幕，淘寶網(wǎng)的一位前端老板寫了一個經(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兼容的公司。<html style=“字體大小：100px”>
2。<body style=“字體-尺寸：14px“>
3。使用js計(jì)算當(dāng)前頁面寬度（PX），然后除以3.2。假設(shè)設(shè)計(jì)吃水寬度為320px。然后將設(shè)計(jì)草圖上元素的寬度除以100，設(shè)置為CSS的REM單位。例如，設(shè)計(jì)草圖中按鈕的寬度為100px。然后用CSS寫寬度：1rem IfCSS中的所有單位都是rem。無論當(dāng)前瀏覽器的大小，網(wǎng)頁看起來都像一個放大縮小的基于320的設(shè)計(jì)手稿。
使用js計(jì)算rem如何使該段js最優(yōu)先執(zhí)行？
隨著互聯(lián)網(wǎng)應(yīng)用的發(fā)展和廣泛應(yīng)用，Web前端的開發(fā)和應(yīng)用越來越受到市場的歡迎。所以學(xué)習(xí)網(wǎng)絡(luò)前端培訓(xùn)課程的需求也越來越大，那么我們在前端培訓(xùn)中應(yīng)該學(xué)習(xí)什么呢？小編會帶你去了解的。
1、前端培訓(xùn)是如何設(shè)計(jì)好頁面。無論是傳統(tǒng)的桌面應(yīng)用還是web應(yīng)用，前端頁面的分析和設(shè)計(jì)都是不可或缺的。
2、如何更好地展示網(wǎng)頁實(shí)體
如果你自己的PS技術(shù)不好，或者你真的沒有審美細(xì)胞，你不想成為一個偉大的網(wǎng)頁設(shè)計(jì)師，那么你可以直接去開發(fā)網(wǎng)頁原型。事實(shí)證明：如果你沒有實(shí)體模型，制作網(wǎng)頁原型肯定要花更多的時間。有句好話說“出來混，遲早要還的”
3。如何開發(fā)一個網(wǎng)頁原型
一個網(wǎng)頁原型是用HTML開發(fā)的，它必須使用CSS呈現(xiàn)。通常，我們的HTML文檔使用外部樣式來定義文檔中使用的樣式。JavaScript也放在外部文檔中，其中只包含JavaScript代碼，因此前端基本的HTML CSS JS也很重要。
4、如何選擇一個框架
如果我們已經(jīng)知道要開發(fā)什么，下一步的工作就是選擇一個框架，使用什么語言，使用什么框架。在這個時候，我們需要通過全面的分析來看看哪個框架更適合我們的項(xiàng)目，所以必須了解前端框架。
5、一切就緒后，必須進(jìn)行實(shí)際操作。在實(shí)際操作中，更要注意一個一個的完成過程，始終保持備份。