如何在Android KitKat';Nexus7上的Android浏览器?

如何在Android KitKat';Nexus7上的Android浏览器?,android,css,google-chrome,webview,android-4.4-kitkat,Android,Css,Google Chrome,Webview,Android 4.4 Kitkat,这是一个带有1px实心边框的框,在Android Webview中呈现为这样。 使用2px渲染相同的1px边界,其行为是随机的 问题是:我应该如何设置边界,使它每次看起来都一样,而且发际线很细 我将试着总结一下我对这个问题的理解。 首先,在移动设备上,css像素不等于设备像素。 例如,在Nexus 7(2012)设备窗口上,devicePixelRatio 1.33125071525737(这是css和设备像素之间的比率)。 显然,问题与像素大小的取整和反化有关 KitKat之前有一个解决方案

这是一个带有1px实心边框的框,在Android Webview中呈现为这样。 使用2px渲染相同的1px边界,其行为是随机的

问题是:我应该如何设置边界,使它每次看起来都一样,而且发际线很细


我将试着总结一下我对这个问题的理解。 首先,在移动设备上,css像素不等于设备像素。 例如,在Nexus 7(2012)设备窗口上,devicePixelRatio 1.33125071525737(这是css和设备像素之间的比率)。 显然,问题与像素大小的取整和反化有关

KitKat之前有一个解决方案-在视口元标记中设置“目标密度dpi=设备dpi”:
。 这样我们得到1个css px=1个设备px。但Android KitKat中的target densitydpi被删除了,没有其他方法可以实现这种行为

对我来说,这是一个错误。有人能详细说明在哪里最好报告吗?

这不是一个bug

我倾向于认为1个CSS像素相当于本地Android应用程序中的1个Dip

在web中,您不需要满足屏幕像素的要求,就像您不需要在本机应用程序中使用屏幕像素一样(无论平台如何)

我应该如何设置边界,使它每次看起来都一样,而且发际线很细

关键是不管屏幕大小如何,它看起来都应该是一样的。使用图像并将其应用为边框图像可能会更幸运:

或者有一些针对视网膜屏幕的黑客技术可能适用于Nexus 7分辨率: