Css 1个物理像素的边框宽度
有一项任务,使块的边框宽度为1个物理像素,而不管设备像素比率如何 项目使用Css 1个物理像素的边框宽度,css,mobile-website,Css,Mobile Website,有一项任务,使块的边框宽度为1个物理像素,而不管设备像素比率如何 项目使用 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> 正因为如此,边框:1px纯黑具有不同的边框宽度,具体取决于像素比例。我需要避免它,并将边框宽度设置为1个物理像素。在纯CSS中近似此值的一种方法是使用基于分辨率的媒体查询 div{ 边缘:.5em0; 边框:1px纯红; }
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
正因为如此,
边框:1px纯黑不同设备上的代码>具有不同的边框宽度,具体取决于像素比例。我需要避免它,并将边框宽度设置为1个物理像素。在纯CSS中近似此值的一种方法是使用基于分辨率的媒体查询
div{
边缘:.5em0;
边框:1px纯红;
}
@介质(最小分辨率:2dppx){
div.devicedot{边框宽度:.5px;}
}
@介质(最小分辨率:3dppx){
div.devicedot{边框宽度:.34px;}
}
@介质(最小分辨率:4dppx){
div.devicedot{边框宽度:.25px;}
}
@介质(最小分辨率:6dppx){
div.devicedot{边框宽度:.17px;}
}
这是正常的
这是一个设备点
是否设置了视口宽度
没有物理像素这样的css值。@SamWillis yes,用question@Paulie_D我知道,但我想知道是否有任何方法可以使这种行为不是真的…我怀疑你必须使用javascript,即使这样,我也不知道它将如何呈现。。以及它是否会被看见。