新的版本好像兼容有问题

[mjay807]

2.2.5.20190907-alpha 这个版本下的css兼容好像有一部分没有兼容到，比如说渐变和文字超出隐藏

[javascriptchen]

请问是哪个平台下css有兼容问题，顺便提供下测试代码可以吗？

[mjay807]

请问是哪个平台下css有兼容问题，顺便提供下测试代码可以吗？

微信小程序的css兼容，我这边的话有linear-gradient，和-webkit-line-clamp这个在小程序上显示有问题，上个版本是没有问题的。

[javascriptchen]

我试着background: linear-gradient这个属性是可以的，-webkit-line-clamp这个属性还在排查

[mjay807]

我试着background: linear-gradient这个属性是可以的，-webkit-line-clamp这个属性还在排查

我这边的问题环境是，我在更新版本前的这里添加的background: linear-gradient这个属性，然后在2.2.5.20190907-alpha版本更新后，我项目上所有带有这个属性的按钮背景就全部变成透明的了，然后需要添加background: -webkit-linear-gradient去兼容，然后背景才会显示，然后-webkit-line-clamp这个属性的用途是我超出会隐藏嘛，然后点击可以展开，然后更新后现在编译了之后是直接显示左右的内容，不会超出隐藏，这个是在微信小程序上的问题

[fxy060608]

贴一下你的 css 代码

[mjay807]

贴一下你的 css 代码

position: fixed;
width: 90rpx;
height: 90rpx;
right: 30rpx;
bottom: 130rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(top, #DBBA7A, #CCA665);
color: #785425;
border-radius: 50%;
overflow: hidden;

[fxy060608]

position: fixed;
width: 90rpx;
height: 90rpx;
right: 30rpx;
bottom: 130rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(top, #DBBA7A, #CCA665);
color: #785425;
border-radius: 50%;
overflow: hidden;

找到 HBuilderX 的安装目录plugins/uniapp-cli/package.json
将 Android >= 4.4 修改为 Android >= 4，然后再运行测试下

"browserslist": [
    "Android >= 4",
    "ios >= 8"
  ],

[mjay807]

position: fixed;
width: 90rpx;
height: 90rpx;
right: 30rpx;
bottom: 130rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(top, #DBBA7A, #CCA665);
color: #785425;
border-radius: 50%;
overflow: hidden;

找到 HBuilderX 的安装目录plugins/uniapp-cli/package.json
将 Android >= 4.4 修改为 Android >= 4，然后再运行测试下

"browserslist": [
    "Android >= 4",
    "ios >= 8"
  ],

可以了，感谢