Android 当devicePixelRatio=1.5时,Webview中的CSS 1px边框在某些边上提供2px边框
我正在Android应用程序中加载一个页面,该应用程序具有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。看起来像这样: 我注意到我的
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中重现该问题,但只能在使用
并显示相同页面的Android应用程序中重现(奇怪的是,WebView
是否使用与Chrome相同的渲染引擎?)WebView
.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;
}