每个显示器分辨率中的CSS像素移动是如何相同的

Question

Lets说我有以下CSS：

#div-1 {
position:relative;
top:20px;
left:-40px;
}

如果将其加载到显示器A上并将浏览器拖动到具有不同分辨率的显示器B，则HTML div将位于同一位置，尽管显示器中的像素数不同。这有什么作用？

Answer 1

在所有显示器上都不一样。在您的示例中，它可能看起来非常相似，但真实网站通过不同的视口显示不同。