Chrome 1px边框会根据窗口高度而变化

时间:2014-07-23 14:53:32

标签: css google-chrome border

我在Chrome中遇到了一个非常奇怪的错误。我有一个相当于1px边框底部的链接列表(我使用指南针垂直节奏来输出边框)。在检查器中,它表示边框宽度为1px,但显示的边框更像是2px并且比字体颜色更亮(参见图像)。

2px border

如果我减小窗口的高度(通过缩短浏览器或打开检查器),边框将恢复到原来的状态。我尝试手动将边框宽度设置为1px而不是依靠指南针垂直节奏无效,所以我认为这更像是Chrome的一个问题。

这是代码

a {
    @include trailing-border(1px, 0);
}

这是Styles中的输出

border-bottom-width: 0.05556em;

这是Computed

中的输出
border-bottom-width: 1px;

之前有没有遇到过这个?任何解决方案?

Correct 1px border

1 个答案:

答案 0 :(得分:0)

为死灵帖子道歉。但这是我能找到的最接近我遇到的问题的帖子,所以我想在这里添加它。我相信这是一个有铬的错误,虽然我不太了解边界崩溃的错误,铬必须确定这是特别的问题..

https://www.ablueman.co.uk/the/testbench/divt.php

在Ie和firefox中正确显示(请参阅页面底部的div表格宽度/高度) 但是在Chrome中,似乎搞砸了边框尺寸,这增加了不到一个像素值。

即。 DIV(宽度:518.3333332538605px,高度:22.33333325386048px)

如果您关闭边框,请发布消失。