lib-flexible简介

lib-flexible是一款由淘宝团队开发的移动端自习惯布局解决方案。它viewport设置font-size，使不同屏幕宽阔度下的UI实现自习惯缩放。

lib-flexible的原理非常轻巧松，基本上是来完成这个。其基本思想是将页面宽阔度分成若干份，每份的宽阔度为dpr个CSS像素。以iPhone6的屏幕为例，其dpr为2，分辨率为750px，所以呢我们能将其分成750/375份。这样， 每一份的宽阔度就为1个CSS像素，font-size，使不同移动设备都能正确适配。

lib-flexible的用方法

用lib-flexible非常轻巧松， 只需在HTML文件中引入lib-flexible.js文件，并在head标签中添加以下meta标签：

然后你能在样式文件中直接用rem作为单位编写样式，而无需手动计算不同屏幕下元素的具体尺寸。

lib-flexible在Vue项目中的应用

在Vue项目中用lib-flexible解决移动端适配问题， 能通过以下步骤实现：

1. 在Vue项目中安装lib-flexible：
2. 在入口文件中引入lib-flexible.js：
3. 配置px2rem-loader，将CSS单位从px转换为rem：

具体配置方法可参考相关文档。

lib-flexible是一款非常优秀的移动端自习惯布局解决方案， 具有以下优势：

• 高大效性：lib-flexiblefont-size实现自习惯缩放，无需手动计算不同屏幕下元素的具体尺寸。
• 容易用性：lib-flexible用轻巧松，只需引入lib-flexible.js文件即可。
• 稳稳当当性：lib-flexible经过广泛的应用，稳稳当当性较高大。

lib-flexible是一款非常实用的移动端自习惯布局解决方案，能帮开发者飞迅速实现移动端的自习惯布局。本文详细介绍了lib-flexible的原理和用方法，希望对开发者有所帮。

本文基于lib-flexible的原理和实际应用，琢磨了其在移动端自习惯布局中的优势。相信本文观点。