我将一组图标合并到一个 .png 文件中,并使用 css background-position 在页面上显示这些图标,因为 img 标签会发出更多的 http 请求。
但是,我需要以 2 种不同的尺寸显示每个图标:20x20、60x60。如何在不创建 2 个单独的 .png 文件(20x400 和 60x1200)的情况下执行此操作?
我知道 background-size 属性可以缩放背景图像,但它是在 css3 中引入的,IE 9.0 之前不支持它。
是否可以不使用背景大小?
最佳答案
最好的方法是使用“字体图标技术”——您可以在网络上阅读所有相关内容。当您需要与视网膜兼容的标记时,它也很有帮助
关于html - 如何为不同大小的图标重用 css 背景 Sprite ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22982802/