公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案 ...

首先，需要卸载项目中的postcss-px2rem。 npm uninstall postcss-px2rem --save-dev 其次，安装postcss-px2rem-exclude npm install postcss-px2rem-exclude --save ...

　　首先我们需要知道，flexible的实质是根据不同尺寸动态改变缩放比，动态改变html的style.fontSize，也就是rem布局，感兴趣的可了解如何实现1px物理像素。 (flexible由手淘团队开发，简直解决了rem适配的噩梦，如下是手淘rem需要适配的机型 ...

背景 在项目使用lib-flexible还有postcss-px2rem实现移动端适配，当我们引入第三方的样式组件库，发现一个问题。那些组件库的样式都变小了。 问题原因 变小的主要原因是第三库 css一依据 data-dpr="1" 时写的尺寸 ...

1，安装 flexible和 postcss-px2rem（命令行安装） 简要介绍这两个包的用途： flexible会为页面根据屏幕自动添加<meta name='viewport' >标签，动态控制initial-scale，maximum-scale ...

1，安装 flexible和 postcss-px2rem（命令行安装） 简要介绍这两个包的用途： flexible会为页面根据屏幕自动添加<meta name='viewport' >标签，动态控制initial-scale，maximum-scale ...

最近在写移动端项目,就想用lib-flexable，px2rem来进行适配,把px转换成rem但是也用到了第三方UI组件库vux,把这个引入发现一个问题就是vux的组件都缩小了,在网上找不到答案,最后在一个vue开发群里找到了解决的方法,目前的处理方法是将vux组件中px转化为PX，避免被转成 ...

1.引入lib-flexible 在main.js中引入lib-flexible lib-flexible会自动在htmlhead中添加meta标签，同时会自动设置html的font-size为屏幕宽度的1/10。 由于每次都需要手动计算rem效率低，且易出错 ...