淘宝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的值

而后布局我应该怎么写呢，貌似仍是无从下手

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