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中的px。

Answer 2

而不是使用邊框，使用箱陰影插圖與1px的，像這樣的：

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