Javascript 铬'；s影响固定/绝对定位元素的亚像素渲染

我有一个基于电子的应用程序，为采矿工程师提供类似CAD的经验。此软件包括十字光标：

其样式如下：

    position: fixed;
    overflow: visible;
    width: 0;
    height: 0;

四个十字线线段是具有上一个样式的div的子对象，每个十字线都有一个绝对位置和宽度/边框作为样式：

    position: absolute;
    right: 10px;
    top: 2px;
    width: 80px;
    height: 4px;
    background-color: #ffffff;
    border: 1px solid #000000;

根据光标的位置，它的厚度会波动，即使CSS是静态和绝对的。将下一个图像与上面的图像进行比较，它更窄，我所做的只是将鼠标移动几像素：

根据我的研究，这是亚像素渲染的结果，这很好，但我不希望具有绝对位置和大小样式的div仅仅因为位于屏幕的不同部分而波动。我可以理解，如果在一些显示器上它是厚的，但我仍然希望它是一致的

---

有人知道这件事吗？它是基于电子的，所以只需要考虑铬，我不希望为了解决这一小问题而关闭整个应用程序的亚像素渲染。

我猜您已经缩放了显示（例如，在Windows 10的“显示设置”中）？这意味着您的浏览器必须重新计算每个元素的每个大小和位置，以将其外观缩放125%（或任何缩放量），这可能会导致分数像素，而分数像素显然不存在，因此浏览器必须进行补偿，这可能会导致不一致。@FluffyKitten这太离谱了，禁用该选项将完全修复该问题。考虑到这是在操作系统层面上，我认为没有办法解决这个问题，但很高兴知道，绝大多数没有调整缩放比例的用户不会看到这个问题。