最近发现在部份机型上使用display: flex;会出现兼容性问题,经测试发现与prefix有关。
使用less时,建议加上autoprefix插件,步骤如下:
- 安装插件
npm install less-plugin-autoprefix --save-dev
- 配置插件
在wepy.config.js中加入
const LessPluginAutoPrefix = require('less-plugin-autoprefix');
...
...
compilers: {
less: {
compress: true,
plugins: [new LessPluginAutoPrefix({browsers: ['Android >= 2.3', 'Chrome > 20', 'iOS >= 6']})]
}
官网https://github.com/Tencent/wepy/wiki/WePY-%E4%BD%BF%E7%94%A8less-autoprefix
网友评论