Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 1个物理像素的边框宽度_Css_Mobile Website - Fatal编程技术网

Css 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纯红; }

有一项任务,使块的边框宽度为1个物理像素,而不管设备像素比率如何

项目使用

<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,即使这样,我也不知道它将如何呈现。。以及它是否会被看见。