jizhi
jizhi copied to clipboard
[问题反馈] 浏览器最大化时,底部会有一条很显眼的白线
这个问题好像很早就有了,今天显得没事就来反馈一下,强迫症看着难受。
Chrome 浏览器、几枝 v2.5.0
# 问题描述
浏览器最大化,Win10 深色模式,任务栏是黑色的,这条白线就很显眼了。
浏览器最大化,Win10 浅色模式,任务栏是白色的,就看不见这个白线了。
另外,不管是否开启扩展设置中的 黑夜模式,无论背景是 Waves 还是 Blobs,都会有这条白线。
# 问题分析
初步判断是因为网页背景颜色是白色导致的,你看这个 GIF 动图:
当我浏览器窗口化并调整大小时,可以看到网页背景颜色是白色的(动画绘制会有一点点延迟才会跟上)。
窗口化调整大小时,如果是缩小那么不会复现,如果是放大那可能是底部白线。浏览器最大化时,底部始终显示白线。
# 解决方法
当我通过 F12 开发者工具,调整网页样式后发现:
只要在 div.app、div#root、body、html
其中任意一个添加 background-color: #XXXXXX
样式都可以解决白线问题。
建议在随机颜色后,顺便修改以上元素之一的样式(style="background-color: #XXXXXX;"
),该背景颜色值就是随机到的颜色值(当然是底部颜色最深的那个)。
@XIU2 好的辛苦了~~我会尽快修正一下
@XIU2好的辛苦了~~我会尽快修改一下
当浏览器网页缩放大于100%时,同样会出现底部白线,望修复