Android WebView：在hdpi屏幕上奇怪渲染1px行

Question

我有一个显示一些生成的HTML的WebView。内容包括列表，列表项CSS包括border-top: 1px。

在hdpi设备上，WebView尝试将此行缩放1.5倍。有时线条呈现为 1个真实像素，有时它们呈现为 2个真实像素。事实上，它似乎交替选择1或2个像素。

我特意寻找不涉及<meta name="viewport" content="target-densitydpi=device-dpi" />的解决方案。只要1px行一致呈现，我做希望WebView处理缩放。

Answer 1

我认为唯一的解决方案是您不想听到的解决方案：不要扩展WebView内容，而是使用CSS修复它。在CSS中使用em而不是px可能会有一些运气。

Answer 2

不使用边框，而是使用带有1px的box-shadow插图，如下所示：

 -webkit-box-shadow:inset 0 1px 0 0 #000000;
 box-shadow:inset 0 1px 0 0 #000000;