Android 当devicePixelRatio=1.5时,Webview中的CSS 1px边框在某些边上提供2px边框

Android 当devicePixelRatio=1.5时,Webview中的CSS 1px边框在某些边上提供2px边框,android,html,css,android-webview,border,Android,Html,Css,Android Webview,Border,我正在Android应用程序中加载一个页面,该应用程序具有WebView(=应用程序中的嵌入式浏览器),具有标准设置: mywebView = (WebView) findViewById(R.id.activity_main_webview); ... mywebView.loadUrl("http://example.com/test"); 除以下小问题外,所有功能均正常工作: 问题:1像素宽的边框显示不正确:边框的四条边中有一条或两条是2px而不是1px。看起来像这样: 我注意到我的

我正在Android应用程序中加载一个页面,该应用程序具有
WebView
(=应用程序中的嵌入式浏览器),具有标准设置:

mywebView = (WebView) findViewById(R.id.activity_main_webview);
...
mywebView.loadUrl("http://example.com/test");
除以下小问题外,所有功能均正常工作:

问题:1像素宽的边框显示不正确:边框的四条边中有一条或两条是2px而不是1px。看起来像这样:

  • 我注意到我的设备上有
    window.devicePixelRatio=1.5

  • 以下是HTML代码(我不使用代码片段,因为它们无论如何都不能在移动设备上运行):

    
    #测试{显示:内联块;边框:1px实心#c4c4;填充:9px;}
    (我在那里放了一份赏金,所以我已经测试了答案)不起作用:
    border:0.5px纯黑
    边框:0.75px纯黑色显示完全没有边框,因此这不是重复的。当
    devicePixelRatio=1.5
    时,这是一个特定的问题(其行为不同于
    1
    2

  • 我无法在Chrome for Android中重现该问题,但只能在使用
    WebView
    并显示相同页面的Android应用程序中重现(奇怪的是,
    WebView
    是否使用与Chrome相同的渲染引擎?)


我只是遇到了一个类似的问题,而且问题已经解决,我不知道这个解决方案是否对您有帮助:

这有助于提高该部门的利润率

.brand .col-8 {
    padding-right:0;
    margin-right:-1px;
}
.brand .col-4 {
    border-left:1px solid #d8d8d8;
}
.brand .col-8 {
    padding-right:0;
    margin-right:-1px;
}
.brand .col-4 {
    border-left:1px solid #d8d8d8;
}