Android WebView: representación extraña de líneas de 1px en pantallas hdpi

Question

Tengo un WebView que muestra algo de HTML generado. El contenido incluye una lista y el elemento de la lista CSS incluye border-top: 1px.

En dispositivos hdpi, WebView intenta escalar esta línea 1.5x. A veces, las líneas se representan como 1 píxel real y, a veces, se representan como 2 píxels reales. De hecho, parece elegir 1 o 2 píxeles alternativamente.

Estoy buscando específicamente una solución que no implique <meta name="viewport" content="target-densitydpi=device-dpi" />. I do quiero que WebView maneje la escala siempre que las líneas de 1px se representen de manera consistente.

Answer 1

Creo que la única solución es la que no quiere escuchar: no escale el contenido de WebView, sino que resuélvalo con CSS. Puede tener algo de suerte al usar em en lugar de px en el CSS.

Answer 2

En lugar de utilizar frontera, el uso del recuadro box-shadow con 1px, así:

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