当前位置: 代码迷 >> 综合 >> vue代码里面写css3特效 本地生效 部署在开发环境不生效(vue2.0项目CSS3动画打包后动画失效解决办法)
  详细解决方案

vue代码里面写css3特效 本地生效 部署在开发环境不生效(vue2.0项目CSS3动画打包后动画失效解决办法)

热度:41   发布时间:2023-11-18 13:12:21.0

vue2.0 + webpack做项目时,css3动画打包前正常,打包后失效,原因是:

vue-cli脚手架package.json配置文件里面对浏览器的版本做了css的前缀处理

"browserslist": ["> 1%","last 2 versions","not ie <= 8"]

意思是 只兼容主流浏览器的最新两个版本。如果我们要兼容所有的就必须把这改成下面,就可以了。

"browserslist": ["> 1%","last 5 versions","Android >= 4.0","not ie <= 8"]

完事!

  相关解决方案