WebView：不同的 css 解释取决于 Android API 版本

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
Alpha：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>