Android设备上的双宽度边框，CSS像素比为1.5
给定一个（下面的源代码）包含一个具有1px边框的元素，与iOS相比，它在Android上的呈现方式如下： 正如您所见，Android边框的宽度并不统一，有时为1px，有时为2px。就我所能测试的而言，这只发生在CSS像素比为1.5（包括Android emulator）的设备上，而不是像素比为2（包括iOS）的设备上。我相信这个问题是由亚像素抗锯齿和/或舍入问题引起的，但我真的不知道如何解决这个问题Android设备上的双宽度边框，CSS像素比为1.5,android,mobile,pixel-ratio,Android,Mobile,Pixel Ratio,给定一个（下面的源代码）包含一个具有1px边框的元素，与iOS相比，它在Android上的呈现方式如下： 正如您所见，Android边框的宽度并不统一，有时为1px，有时为2px。就我所能测试的而言，这只发生在CSS像素比为1.5（包括Android emulator）的设备上，而不是像素比为2（包括iOS）的设备上。我相信这个问题是由亚像素抗锯齿和/或舍入问题引起的，但我真的不知道如何解决这个问题 <!DOCTYPE html> <html> <head>
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style type="text/css">
div {
width: 100px;
text-align: center;
margin-left: 50%;
border: 1px solid magenta;
}
</style>
</head>
<body>
<div>Foobar</div>
</body>
</html>
div{
宽度：100px；
文本对齐：居中；
左边距：50%；
边框：1px纯品红色；
}
福巴
.wrapper{
背景色：红色；
填充：1px；
显示：内联块；
}
.内文{
填充物：5px；
背景色：#fff；
显示：内联块；
}
在低DPI设备上显示完美的单尺寸边框