0512日重点:淘宝的H5手机端自适应解决方案:Flexible

Posted 水月纯明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了0512日重点:淘宝的H5手机端自适应解决方案:Flexible相关的知识,希望对你有一定的参考价值。

参考文档:

https://github.com/amfe/lib-flexible 

https://github.com/amfe/article/issues/17

 

自我总结:Flexible自动获取到手机的屏幕宽度,然后分成10份,1个rem=1/10屏幕宽度。然后所有的px转换成rem。

转换时有插件可以帮忙快速转换。

以上是关于0512日重点:淘宝的H5手机端自适应解决方案:Flexible的主要内容,如果未能解决你的问题,请参考以下文章

移动端自适应布局方案尝试

移动端自适应

移动端自适应布局方案尝试

h5可伸缩布局方案

VUE 判断电脑还是手机设备 pc端自适应 移动端rem布局

前端切图:手机端自适应布局demo