Question

.div-line {
    display:block;
    height:1px;
    width:33%;
    background:#000;
}

是不是因为4k显示器渲染（没有非4k显示器来测试它）这个1px高度的div实际上显示高度为3px？如果我将高度更改为0.5px，则会呈现真正的1px高度。正如您所料，将高度更改为0.75px会在屏幕上呈现2px。

如果这是4k显示器渲染问题，是否有CSS或HTML中的代码可以解决这个问题？我想创建一个高度为1px的div，在所有设备和分辨率上呈现1px。

Answer 1

您可以在此处使用媒体查询来定位具有更高像素密度的设备：

@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    /* Retina-specific stuff here */
}

参考