Android WebView：hdpi画面の1px行の奇妙なレンダリング

Question

WebViewで生成されたHTMLを表示しています。コンテンツにはリストが含まれ、リストアイテムCSSにはborder-top: 1pxが含まれます。

hdpiデバイスでは、WebViewはこの行を1.5倍に拡大しようとします。場合によっては、ラインはのように1つの実ピクセルと表示され、の2つの実ピクセルとしてレンダリングされることがあります。実際には、1つまたは2つのピクセルを交互に選択するようです。

具体的には、<meta name="viewport" content="target-densitydpi=device-dpi" />が含まれていないソリューションを探しています。 I do 1px行が一貫してレンダリングされている限り、WebViewでスケーリングを処理します。

Answer 1

唯一の解決策は、あなたが聞きたくないものです：WebViewコンテンツをスケールしないで、CSSで修正することです。あなたは、CSSのpxの代わりにemを使って運があるかもしれません。代わりに、このように、境界線、1ピクセルで使用するボックスシャドウインセットを使用しての

Answer 2

：

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