onMvcgdJA

23朵毒蘑菇

只有谷歌浏览器才会出现的BUG:部分字体变模糊的问题。

原文章迁移

CSS|谷歌浏览器|BUG|

2020-12-22 09:37:55 已有版本 1 个 show:0.55kTYPE: blog

之前也说过这个问题,在一篇文字上阅读短文时发现有点吃力,但是看其他的网站就有瞬间变清晰了的感觉,仔细对比原来是字体在谷歌浏览器里变模糊了,很奇怪,实在不清楚是什么原因。

没模糊时是这样的(电脑上截图那个颜色选择器就没了,就只好照了个照片)一篇文字

模糊后是这样的
一篇文字

根据我一段一段删除CSS后才发现删除了这句css后backdrop-filter: blur(3px);会变得正常不在模糊,以前解决时是删除的position: sticky; top: 0;这两句,你说position: sticky; top: 0;作用到这个元素上会变模糊我认了,我backdrop-filter: blur(3px);根本就不是给它设置的,是给一个不起眼的小按钮设置的,结果全部字体都给我变模糊了,这我实在是不理解,还是我哪里写错了?

一篇文字博客