淘宝自适应插件flexible.js，根据屏幕适配html和font-sizi
公式：结果=测量数据/75，比如100px,100/75=1.33333rem,因为rem值(html标签字体大小)插件自己设置了，所以使用就直接写1.3333rem
用法：导入插件=>
rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。1rem=16px(浏览器html的像素，可以设定这个基准值），假如浏览器的html设为64px，则下面的元素则1rem=64px来运算。
flexible默认是分成10份；所以1rem = 75px;
在pc端显示时，如果我们的屏幕超过了750px，就按照750设计稿走，不会让我们的页面超过750px
2022-05-06 15:39:14
2KB
1
flexible.js手淘框架，是一个用来适配移动端的js框架。手淘框架的核心原理就是根据不同的width给网页中html跟节点设置不同的font-size，然后所有的距离大小都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。
2021-12-28 21:59:31
3KB
1
flexible.js是一个用来适配移动端的js框架。核心原理就是根据制不同的width给网页中html根节点设置不同的font-size，然后所有的px都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。其实它就是一个终端设备适配的解决方案，也就是说它可以让你在不同的终端设备中实现页面适配。
2021-11-01 16:08:16
2KB
1
淘宝的网页手机端采用了flexible.js对移动端进行适配，设计图一般为750px，单位为rem,计算方式为设计图测量的宽度/75（若设计图为640px，则应除以64）。例如，测量某一个div的高度为75px,则换算成rem为：75/75=1rem。
2021-04-30 14:06:36
3KB
1