uni-app中css不再自动添加兼容前缀

示例代码：

.login-btn {
margin-top: 60upx;
height: 92upx;
border-radius: 46upx;
background-image: linear-gradient(left, #00a6b8, #03ccb1);
font-size: 32upx;
line-height: 92upx;
text-align: center;
color: #fff;

span {  
    padding: 0 15upx;  
}

}


### 操作步骤：

uni-app打包H5或APP就能复现

预期结果：

以前会自动添加css兼容的


### 实际结果：

css没有添加兼容前缀

bug描述：

打包时不再自动添加css兼容，上个版本还可以的，更新后失效


| 信息类别         | 信息内容           |
|------------------|--------------------|
| 产品分类         | uniapp/App         |
| PC开发环境       | Windows            |
| PC操作系统版本   | win10 64           |
| HBuilderX类型    | 正式               |
| HBuilderX版本    | 3.2.9              |
| 手机系统         | Android            |
| 手机系统版本     | Android 11         |
| 手机厂商         | 模拟器             |
| 手机机型         | xx                 |
| 页面类型         | vue                |
| 打包方式         | 云端               |
| 项目创建方式     | HBuilderX          |

更多关于uni-app中css不再自动添加兼容前缀的实战教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 1楼

我也遇到了， mac 版 3.2.9，楼这解决了么，我回退到了 3.2.3

更多关于uni-app中css不再自动添加兼容前缀的实战教程也可以访问 https://www.itying.com/category-93-b0.html

yuanlaile 2楼

官方快来看看啊，3.2.12 也不行，难道后续我们要改回 vue-cli 构建的结构，手动加入 autoprefix 插件么

phonegap100 3楼

在 uni-app 中，CSS 自动添加兼容前缀的功能由 postcss 和 autoprefixer 处理。根据你的描述，更新后失效，可能是以下原因：

HBuilderX 版本或项目配置变更：检查 package.json 中 autoprefixer 版本或 postcss 配置是否被覆盖。确保 browserslist 配置正确（在 package.json 或 .browserslistrc 文件中），例如：
```
"browserslist": [
  "Android >= 4",
  "iOS >= 8"
]
```
CSS 语法问题：linear-gradient(left, ...) 是非标准语法，正确应为 linear-gradient(to right, ...)。部分工具可能因语法不规范而跳过前缀处理。建议修改为：
```
background-image: linear-gradient(to right, #00a6b8, #03ccb1);
```
项目依赖重置：尝试删除 node_modules 和 package-lock.json，重新运行 npm install（若使用 npm）或更新 HBuilderX 到最新稳定版。

手动添加前缀：如急需解决，可暂时手动添加前缀，例如：

background-image: -webkit-linear-gradient(left, #00a6b8, #03ccb1);
background-image: linear-gradient(to right, #00a6b8, #03ccb1);