- 当前 Bug 的表现(可附上截图)
Android 部分手机出现不支持 background-image: repeating-linear-gradient() 的情况,iPhone 全部正常,模拟器正常。
这边测试的 Android 手机都不支持,测试的手机型号有 Huawei Mate 20 Pro,OnePlus 6,Vivo X9i
样式经过 postcss autoprefixer 转换,如下
background-image: repeating-linear-gradient(
-45deg,
rgba(0, 0, 0, 0.15) 0 36rpx,
transparent 36rpx 72rpx
),
-webkit-gradient(linear, left top, right top, from(#ff6b00), to(#e10112));
background-image: -webkit-repeating-linear-gradient(
135deg,
rgba(0, 0, 0, 0.15) 0 36rpx,
transparent 36rpx 72rpx
),
-webkit-linear-gradient(left, #ff6b00, #e10112);
background-image: -o-repeating-linear-gradient(
135deg,
rgba(0, 0, 0, 0.15) 0 36rpx,
transparent 36rpx 72rpx
),
-o-linear-gradient(left, #ff6b00, #e10112);
background-image: repeating-linear-gradient(
-45deg,
rgba(0, 0, 0, 0.15) 0 36rpx,
transparent 36rpx 72rpx
),
linear-gradient(to right, #ff6b00, #e10112);
Android 手机表现如下
- 预期表现
iPhone 6 Plus 正常
模拟器正常 v1.02.1905230
- 提供一个最简复现 Demo
https://developers.weixin.qq.com/s/t6AiOKmS7e8u
这个富文本编辑器真难用, 我放弃编辑它了