uni-app 最新版HBuilderX 样式没有生成浏览器前缀

uni-app 最新版HBuilderX 样式没有生成浏览器前缀

操作步骤：

  • 最新版huilderX 样式没有生成浏览器前缀，app和h5都没有，小程序估计也没有

预期结果：

  • 最新版huilderX 样式没有生成浏览器前缀，app和h5都没有，小程序估计也没有

实际结果：

  • 最新版huilderX 样式没有生成浏览器前缀，app和h5都没有，小程序估计也没有

bug描述：

  • 最新版huilderX 样式没有生成浏览器前缀，app和h5都没有，小程序估计也没有
信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 win10
HBuilderX 正式
HBuilderX版本号 3.2.9
手机系统 Android
手机版本号 Android 11
手机厂商 小米
手机机型 小米9pro
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app 最新版HBuilderX 样式没有生成浏览器前缀的实战教程也可以访问 https://www.itying.com/category-93-b0.html

15 回复

-webkit-前缀的规则用于兼容在Android 4.3以前版本、iOS 6.1以前版本、Safari 6。理论上现在移动端主流是不需要前缀的

更多关于uni-app 最新版HBuilderX 样式没有生成浏览器前缀的实战教程也可以访问 https://www.itying.com/category-93-b0.html


上一版本都有，最新的突然就没有了

https://github.com/dcloudio/uni-app/issues/2937

不对啊，我的配置文件没有任何改版，上一版本就会生成，最新版就没有了。你就随便写个display:flex; 试一下就知道了，没有生成浏览器前缀，小程序app h5都没有

回复 Jiang731619: 有调整， https://github.com/dcloudio/uni-app/issues/2937

回复 Jiang731619: 你测试中是否存在功能上受到的影响？

回复 DCloud_UNI_GSQ: 怎么更新日志里没写

回复 DCloud_UNI_GSQ: 肯定有影响啊，以前的项目现在再调整会受影响，比如以前的 uni-flex-item 里面会自动生成：-webkit-box-flex:1，现在没有了

回复 Jiang731619: 设计目标不变的一般不在日志体现。比如之前的设计是 安卓 4.4+ iOS9+ ，现在仍然是。你现在是在哪个平台的什么版本出现问题。如果是小于此，参考 https://github.com/dcloudio/uni-app/issues/2937。

回复 DCloud_UNI_GSQ: 上一个版本（3.2.3.20210825）按我目前的项目配置是有前缀的，没有改任何项目配置升级到最新的版本后突然就没有了，我还以为编辑器出bug了

回复 Jiang731619: 目前没有了之后在什么平台会显示异常吗？

回复 DCloud_UNI_GSQ: html： <view style="display: flex;"> <view style="flex:1"> <view class="elli">文字超出一行省略文字超出一行省略文字超出一行省略文字超出一行省略文字超出一行省略</view> </view> </view> <view style="display: -webkit-box;"> <view style="-webkit-box-flex:1"> <view class="elli">文字超出一行省略文字超出一行省略文字超出一行省略文字超出一行省略文字超出一行省略</view> </view> </view> css： .elli{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all;}

回复 Jiang731619: 你是想说在 ios9 文字不能换行了吗？

回复 DCloud_UNI_GSQ: 你运行一下就看出区别了，跟手机系统版本无关。你就运行到浏览器或者小程序都可以看出区别

在 uni-app 项目中，HBuilderX 本身不负责生成浏览器前缀（如 -webkit-、-moz- 等），样式前缀通常由项目构建工具（如 webpack）或 CSS 处理器（如 postcss）自动处理。根据你提供的 HBuilderX 版本 3.2.9，以下是可能的原因和解决方案：

  1. 检查项目配置：uni-app 项目默认使用 postcss 处理 CSS，并依赖 autoprefixer 插件自动添加前缀。请确认项目根目录下的 postcss.config.js 文件是否存在，并检查其配置。如果没有该文件，可以手动创建并添加以下内容：
    module.exports = {
  plugins: {
    autoprefixer: {}
  }
}
回到顶部