之前做vue项目一直使用的px2rem-loader+lib-flexible进行各种客户端的适配。 最近因为要使用第三方的UI库,发现引用后UI展示不正常,查找资料后知道要排除UI库的自动适配。 于是根据网上的资料改为postcss-px2rem-exclude去适配。 但是一顿操作后 ...
npm install postcss px rem exclude save npm install less less loader save dev npm install vux save npm install vux loader save dev ...
2021-05-31 16:16 0 1486 推荐指数:
之前做vue项目一直使用的px2rem-loader+lib-flexible进行各种客户端的适配。 最近因为要使用第三方的UI库,发现引用后UI展示不正常,查找资料后知道要排除UI库的自动适配。 于是根据网上的资料改为postcss-px2rem-exclude去适配。 但是一顿操作后 ...
vuecli3使用postcss-px2rem适配字体,mint-ui中的字体也会收到影响 postcss-px2rem没有排除功能,可以使用postcss-px2rem-exclude,在postcss-px2rem的基础上增加了the exclude folder option ...
对于前端项目而言,适配是很重要的,而且有时候也是一个令人比较头疼的问题。适配方案之一是使用rem,这里简单总结记录下有关px自动转rem的两个插件。 postcss-px2rem-exclude 将样式文件中的px自动转为 rem。执行命令: lib-flexible ...
最近在写移动端项目,就想用lib-flexable,px2rem来进行适配,把px转换成rem但是也用到了第三方UI组件库vux,把这个引入发现一个问题就是vux的组件都缩小了,在网上找不到答案,最后在一个vue开发群里找到了解决的方法,目前的处理方法是将vux组件中px转化为PX,避免被转成 ...
背景 在项目使用lib-flexible还有postcss-px2rem实现移动端适配,当我们引入第三方的样式组件库,发现一个问题。那些组件库的样式都变小了。 问题原因 变小的主要原因是第三库 css一依据 data-dpr="1" 时写的尺寸 ...
公司最近做的一个移动端项目从搭框架到前端开发由我独立完成,以前做移动端适配用的媒体查询,这次想用点别的适配方案,然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案,开发过程中也遇到一些坑,自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案 ...
首先,需要卸载项目中的postcss-px2rem。 npm uninstall postcss-px2rem --save-dev 其次,安装postcss-px2rem-exclude npm install postcss-px2rem-exclude --save ...
公司最近做的一个移动端项目从搭框架到前端开发由我独立完成,以前做移动端适配用的媒体查询,这次想用点别的适配方案,然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案,开发过程中也遇到一些坑,自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案 ...