jizhi icon indicating copy to clipboard operation
jizhi copied to clipboard

[问题反馈] 浏览器最大化时,底部会有一条很显眼的白线

Open XIU2 opened this issue 3 years ago • 2 comments

这个问题好像很早就有了,今天显得没事就来反馈一下,强迫症看着难受。

Chrome 浏览器、几枝 v2.5.0

# 问题描述

浏览器最大化,Win10 深色模式,任务栏是黑色的,这条白线就很显眼了。 04
02 06

浏览器最大化,Win10 浅色模式,任务栏是白色的,就看不见这个白线了。 05

另外,不管是否开启扩展设置中的 黑夜模式,无论背景是 Waves 还是 Blobs,都会有这条白线。


# 问题分析

初步判断是因为网页背景颜色是白色导致的,你看这个 GIF 动图:

当我浏览器窗口化并调整大小时,可以看到网页背景颜色是白色的(动画绘制会有一点点延迟才会跟上)。

窗口化调整大小时,如果是缩小那么不会复现,如果是放大那可能是底部白线。浏览器最大化时,底部始终显示白线。

01


# 解决方法

当我通过 F12 开发者工具,调整网页样式后发现:

只要在 div.app、div#root、body、html 其中任意一个添加 background-color: #XXXXXX 样式都可以解决白线问题

03

建议在随机颜色后,顺便修改以上元素之一的样式(style="background-color: #XXXXXX;"),该背景颜色值就是随机到的颜色值(当然是底部颜色最深的那个)。

XIU2 avatar Mar 28 '21 14:03 XIU2

@XIU2 好的辛苦了~~我会尽快修正一下

unicar9 avatar Mar 30 '21 06:03 unicar9

@XIU2好的辛苦了~~我会尽快修改一下

当浏览器网页缩放大于100%时,同样会出现底部白线,望修复

Sunsh4j avatar Oct 18 '21 04:10 Sunsh4j