1. 程式人生 > >【前端庫】淘寶適配 rem適配 lib-flexible.js 個人總結

【前端庫】淘寶適配 rem適配 lib-flexible.js 個人總結

前言

上篇文章中使用 rem適配 ,現在說下大部分都在使用的rem。看完這篇文章移動端頁面開發適配 rem佈局原理,發現我根本就不懂(心想管他了),但是隻要會使用即可,乾貨來了。

下載

  • 看下面圖進行下載
  • 看下面圖進行下載
  • 看下面圖進行下載

下載教程

個人使用推理

下圖說明:按視口的寬度來計算的。

看真相

下圖說明:再次證明有點,按設計圖的總寬度除以10,就是基準值。

基準值

總結:比如設計圖是640的,那麼基準值就是 64,以此類推。那麼我設計圖是1080的,在設計圖中,有一個按鈕是120px,轉換的話就是,120/基準值,等於就是rem值(120/108 = 1.1111111111111112rem) 。

實際開發

直接看案例:等待更新…..