我正在创建一个 Electron 应用，其中我有两行按钮，包含在两个div中。 div的颜色比按钮的颜色更暗，按钮和它们的div之间有一个非常小的 2px 间隙。第一个div具有完全相同的高度，完全相同的按钮，并且仅略小于第二个div，它与垂直按钮之间有明显的 3px 间隙。据我所知， CSS 中的像素与屏幕上的像素不同，但我的印象是“ CSS Pixel ”会保持不变应用程序。 div在具有这些属性的类中：
background-color: #14191E;
height: 22px;
right: 15px;
它们内部的按钮也应该是 18px 高，但是这个值在显示时也会有所不同，不管它们是否在同一个具有相同规则的类中。我附上了截图，以显示我的意思。
i.imgur.com/kF53NSJ.png
正如您所看到的，“ x ”在两次绘制时完全相同，是比底部div大一个像素，但与第一个div的高度相同。此外，顶部div和按钮之间有 3px ，但底部div及其按钮之间只有 2px （但我想要<在两种情况下都强> 2px ）。
解决方案（？）
我不知道这是否算作解决方案或更多解决方法，但似乎浏览器在 22px 方面存在特殊问题？我使用this html重现错误，并且发生了同样的问题，除非我将height属性更改为20px，错误得到解决且两个div都相等。此处显示： i.imgur.com/hEzDxoG.png （我需要十个图片信誉和两个以上的链接）。