移動端適配flexible.js

時間 2019-11-18

原文原文鏈接

npm install lib-flexible --save

npm install px2rem-loader --save-dev

 
 rule 

 
 .use('px2rem-loader') 

 
 .loader('px2rem-loader') 

 
 .options({emUnit:37.5}) 

正常移動端範圍是375到750

咱們這樣設定就是讓1rem爲37.5px

至關於將頁面（375px）分紅十份，每一份就是1rem（37.5px）

rem就是相對於根元素，即<html>

import 'lib-flexible/flexible.js'

這樣咱們就能夠按照設計圖的px來作了，他會根據屏幕大小幫咱們轉換爲對應的rem值

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。