我有以下演示。这两行应该看起来高度相等，但一个更厚。所有这一切都取决于它的顶部位置。如果我改变它的顶部位置1px它可能会成为“正常”看起来了。有办法防止这种行为吗？第一个
2w2cym1i1#
我可以在我的屏幕上看到它。我认为，从检查器上看，当计算的高度是一个像素的几分之一时，它有时会呈现为2个物理像素高。上下移动1px的高度会使它按照预期的方式运行。如果你只想要一条1px的实线，你可以将height设置为0px，然后使用border-bottom。第一个
height
border-bottom
vs3odd8k2#
这个问题在Firefox上会发生，但在Chrome上不会。我不知道为什么。但这里的问题是HTML和Body的高度为0。确保给它们指定高度。你可以通过强制并确保父高度值大于2px来测试这个问题。一旦我这样做了，问题就解决了。
2条答案
按热度按时间2w2cym1i1#
我可以在我的屏幕上看到它。我认为，从检查器上看，当计算的高度是一个像素的几分之一时，它有时会呈现为2个物理像素高。上下移动1px的高度会使它按照预期的方式运行。
如果你只想要一条1px的实线，你可以将
height设置为0px，然后使用border-bottom。第一个
vs3odd8k2#
这个问题在Firefox上会发生，但在Chrome上不会。我不知道为什么。但这里的问题是HTML和Body的高度为0。确保给它们指定高度。你可以通过强制并确保父高度值大于2px来测试这个问题。一旦我这样做了，问题就解决了。