淺談flexible.js
當(dāng)前位置：點(diǎn)晴教程→知識管理交流
→『 技術(shù)文檔交流 』
1.什么是flexible.js?
flexible.js是手淘開發(fā)出的一個用來適配移動端的js框架。手淘框架的核心原理就是根據(jù)制不同的width給網(wǎng)頁中html根節(jié)點(diǎn)設(shè)置不同的font-size，然后所有的px都用rem來代替，這樣就實(shí)現(xiàn)了不同大小的屏幕都適應(yīng)相同的樣式了。其實(shí)它就是一個終端設(shè)備適配的解決方案，也就是說它可以讓你在不同的終端設(shè)備中實(shí)現(xiàn)頁面適配。
2.如何使用flexible.js呢？
1.首先我們在GitHub上下載它的壓縮包：github.com/amfe/lib-fl…
2.打開壓縮包，找到index.js文件
3.將index.js復(fù)制到我們項(xiàng)目的文件夾中，并且在html中引入
4.以vscode為例
（1）安裝cssrem插件
（2）在setting.json中修改cssrem中默認(rèn)的字體大小，這里以屏幕為750px為例（因?yàn)閒lexible.js默認(rèn)將屏幕分成十份，所以我們將cssrem.rootFontSize修改為75）
（3）保存之后重新打開vscode
再當(dāng)我們輸入寬度的時候，我就可以看到vscode自動幫我們計(jì)算好了對應(yīng)的rem值，我們只要點(diǎn)擊使用就可以了。
該文章在 2023/3/10 22:15:02 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
