淘寶flexible.js的使用

首先你們最關注的怎麼使用，原理不原理是後面的事

好比設計稿量來的寬度是100px

那麼咱們佈局的時候，就這麼寫{width:1.3333rem}，1.3333rem是由100/75算出來的，以此類推200px，就是{width: 2.6667} ，2.6667是由200/75計算得來

你們會很奇怪，爲何是除以75，不是除以750，或者其餘數字，難道每次都要用計算器去計算rem的值嗎

原理來了

75這個數字是這麼來的，75=750/10，就是把750分紅10份，能夠理解成75=1份，75px=1rem，至關於計算100/75，其實就是100裏面有幾份，也就是100裏面有幾個rem

那要怎麼實現等比縮放呢

HtmlfontSize =(window. inner Width/750)*75

而後設置 html font -size的值爲HtmlfontSize 

這裏設置的就是1rem=HtmlfontSize 個px

 由此咱們經過動態HtmlfontSize，實現了等比縮放，好像是實現了，可是仍是有點懵

爲何要這麼作

那就要本身嘗試去實現等比縮放佈局，仍是以主流的750設計稿爲例

仍是以100px爲例，在375的屏幕寬度，我就要寫成50px，在414的屏幕寬度我就要寫成55.2px，咱們很容易獲得一個公式，當前的屏幕寬度/750 ，再乘以100，就獲得咱們所須要的尺寸，固定的是什麼，變化的又是什麼

固定的是100px，控制縮放的是屏幕寬度/750的比率

爲了方便佈局，那我給font-size設置  屏幕寬度/750的值

而後佈局我應該怎麼寫呢，貌似仍是無從下手

好了，編不下去了，本身去想把，有空再編