我在Chrome中遇到了一个非常奇怪的错误。我有一个相当于1px边框底部的链接列表(我使用指南针垂直节奏来输出边框)。在检查器中,它表示边框宽度为1px,但显示的边框更像是2px并且比字体颜色更亮(参见图像)。
如果我减小窗口的高度(通过缩短浏览器或打开检查器),边框将恢复到原来的状态。我尝试手动将边框宽度设置为1px而不是依靠指南针垂直节奏无效,所以我认为这更像是Chrome的一个问题。
这是代码
a {
@include trailing-border(1px, 0);
}
这是Styles中的输出
border-bottom-width: 0.05556em;
这是Computed
中的输出border-bottom-width: 1px;
之前有没有遇到过这个?任何解决方案?
答案 0 :(得分:0)
为死灵帖子道歉。但这是我能找到的最接近我遇到的问题的帖子,所以我想在这里添加它。我相信这是一个有铬的错误,虽然我不太了解边界崩溃的错误,铬必须确定这是特别的问题..
https://www.ablueman.co.uk/the/testbench/divt.php
在Ie和firefox中正确显示(请参阅页面底部的div表格宽度/高度) 但是在Chrome中,似乎搞砸了边框尺寸,这增加了不到一个像素值。
即。 DIV(宽度:518.3333332538605px,高度:22.33333325386048px)
如果您关闭边框,请发布消失。