android - WebView:根据 Android API 版本不同的 css 解释

Question

我在 Android WebView 中使用那个简单的 CSS。

.rounded{
  text-align: center;
  border-radius: 25px;
  border: 2px solid #FFFF014F;
}

它与 API 28 设备完全兼容。但是对于 22 API 设备，我没有得到相同的结果(根本没有显示边框)。

这是我正在使用的两个设备(两个设备具有相同的分辨率):



我想 css 属性的解释取决于 WebView 或 API 版本。 (我不确定)

我希望一个 css 文件在所有 Android 版本中都以相同的方式工作。所以:

有没有办法纠正它？

是否有文档可以找到我可以根据 API 版本使用的 css 属性？

Answer 1

使用 rgba() 颜色符号。
它比 HEX rgba 得到更好的支持。

让我们转换 #FFFF014F :

红色:FF = 255
绿色:FF = 255
蓝色:01 = 1
阿尔法:4F = 79/255 = .31

所以结果是border: 2px solid rgba(255, 255, 1, .31);

body {background:navy}

span {
  display:inline-block;
  padding:.5em;
  margin:1em;
  text-align: center;
  border-radius: 25px;
  color:#fff;
}

.hex {border: 2px solid #FFFF014F}
.rgba {border: 2px solid rgba(255, 255, 1, .31)}

<span class="hex">#FFFF014F</span>
<span class="rgba">rgba(255, 255, 1, .31)</span>