gpt4 book ai didi

css - 视网膜显示屏上的模糊图标

转载 作者:行者123 更新时间:2023-11-28 12:52:01 25 4
gpt4 key购买 nike

在我的在线应用程序中,我有一些自定义图标,它们都在一个 sprite 文件中。当我在具有 Retina 显示屏的设备上查看网站时,图标模糊不清

example

如何让它们更清晰?

最佳答案

一种方法是使图像变大(如 2 倍),然后在浏览器中调整它的大小——如果图像是内嵌的,则通过设置宽度/高度,或者如果是,则使用 background-size 属性用作背景图像(如果您将其用作 Sprite ,则可能是这样)。

这里有一篇有用的文章很好地解释了概念或视网膜就绪图像:http://blog.netvlies.nl/design-interactie/retina-revolution/

关于css - 视网膜显示屏上的模糊图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23558404/

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