1. 簡潔高效的rem適配方案flexible.js

技術(shù)方案1

• less
• 媒體查詢
• rem

技術(shù)方案2（推薦）

• flexible.js
• rem

6.1 簡潔高效的rem適配方案flexible.js

手機淘寶團隊出的簡潔高效 移動端適配庫
我們再也不需要再寫不同的屏幕的媒體查詢，因為里面js做了處理
它的原理是把當(dāng)前設(shè)備劃分為10等份，但是不同設(shè)備下，比例還是一致的。
我們要做的，就是確定好我們當(dāng)前設(shè)備的html文字大小就可以了
比如當(dāng)前設(shè)計稿是750px，那么我們只需要把html文字大小設(shè)置為75px（750px/10）就可以
里面頁面元素rem值：頁面元素的px值 / 75
剩余的，讓flexble.js去算

6.2 使用適配方案2制作蘇寧移動端首頁

1. 技術(shù)選型
   方案：我們采取單獨制作移動頁面方案
   技術(shù)：布局采用rem適配布局2（flexible.js + rem)
   設(shè)計圖：本設(shè)計圖采用750px設(shè)計尺寸
2. 搭建文件夾結(jié)構(gòu)
   3.設(shè)置視口標(biāo)簽以及引入初始化樣式還有js文件
3. body樣式

6.3 VSCode px轉(zhuǎn)換rem插件cssrem