gpt4 book ai didi

css - Chrome 1px 边框根据窗口高度变化

转载 作者:行者123 更新时间:2023-12-05 07:58:21 32 4
gpt4 key购买 nike

我遇到了一个非常奇怪的错误,它只存在于 Chrome 中。我有一个相当于 1px border-bottom 的链接列表(我正在使用 Compass Vertical Rhythm 来输出边框)。在检查器中,它说边框宽度为 1px,但显示的边框更接近 2px,并且比字体颜色更浅(见图)。

2px border

如果我降低窗口的高度(通过缩短浏览器或打开检查器),边框会恢复到应有的高度。我尝试手动将边框宽度设置为 1px 而不是依赖 Compass Vertical Rhythm 无济于事,所以我认为这更多是 Chrome 的问题。

这是代码

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

这是样式中的输出

border-bottom-width: 0.05556em;

这是 Computed 中的输出

border-bottom-width: 1px;

有没有人遇到过这个?有什么解决办法吗?

Correct 1px border

最佳答案

为死灵帖子道歉。但这是我能找到的最接近我遇到的问题的帖子,所以我想我会在这里添加它。我相信这是 chrome 的一个错误,尽管我对边框折叠错误的了解还不够,chrome 必须确定这就是问题所在..

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

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

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

如果关闭边框,问题就会消失。

关于css - Chrome 1px 边框根据窗口高度变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24913873/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com