04. 移动web-简洁搞笑的rem适配方案flexble.js

Posted 好好学习,天天向上

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了04. 移动web-简洁搞笑的rem适配方案flexble.js相关的知识,希望对你有一定的参考价值。

flexble.js

1.手机淘宝团队出品:简洁高效,移动端适配库
2.不需要写媒体查询了,里面js做了处理
3.原理:把当前设备划分为10等分,但是不同设备下,比例还是一致的
4.我们只要确定好当前设备的html文字大小就可以了
比如:当前是750px,只需要把html文字大小设置为75px(750px/10)就可以
5.里面页面元素rem值:页面元素的px值/75
剩余的,让flexible.js来去算

以上是关于04. 移动web-简洁搞笑的rem适配方案flexble.js的主要内容,如果未能解决你的问题,请参考以下文章

web移动端屏幕适配方案

移动端适配方案-rem(基础篇)

web app 自适应方案总结 关键字 弹性布局之rem

使用flexible.js和rem方案适配手机客户端

web app 自适应方案总结 关键字 弹性布局之rem

移动端Web页面适配方案(整理版)