背景图片模糊是为什么？

老劉头 2022-08-25 21:30:29

主页的图片模糊，换了一张壁纸也还是这样

...全文

166 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

落神赋丶 2023-05-04

打赏
举报

回复

还没解决哦

小小小陆 2022-09-02

打赏
举报

回复

都是这样吗，我的也是

CG梦石 2022-08-30

打赏
举报

回复

我的也是

Android 模糊效果毛玻璃效果源代码

PS技术在学校里学三年也学不到这么多

这个问题是 devicePixelRatio的不同导致的，因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，所以苹果系统当初就把 iPhone4的960×640像素的分辨率在网页里更改为480×320像素，这样 devicePixelRatio=2。而 Android的 device PixelRatio比较乱，值有1.5、2和3。为了在手机里更为清晰地显示图片，必须使用2倍宽高的背景图来代替img标签（一般情况下都使用2倍）。例如一个div的宽高是100px×100px，背景图必须是2

需求：一个div设置了background: url，现在需要使图片背景模糊，div内的文字清晰显示。原始代码：