webpack的auto prefixer插件为什么只补全了一种前缀

现在在做微信公众号的开发,今天测试的时候发现在iphone6 PLUS上面好几个地方样式没生效,然后我发现有问题的都是用了flex布局。但现在我想问的是webpack打包的时候为什么只生成了一种前缀。
按道理应该生成四种前缀。顺便问下iphone6 PLUS是不是应该用display: -webkit-box,下面是开发者工具里面打包后的截图,因为印象中iphone的机型应该是支持flex布局的,至少支持-webkit-flex

clipboard.png

下面是webpack配置插件的地方,webpack用的是1.0版本的

clipboard.png

阅读 2.8k
3 个回答

我觉得看一下postcss配置
试试这个["iOS >= 7", "Android >= 4.1"]

非常感谢TragueZw的回答,按照他的配置修改以后确实编译出了我想要的样式。下图是更改以后打包的样式,在plus上面也生效了。

clipboard.png

新手上路,请多包涵

我也遇到这个问题了 我是vue-cli构建项目 在package.json 文件中配置browserslist[["iOS >= 7", "Android >= 4.1"]] 就能实现了 会提高兼容性。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题